React: `data-reactroot = ""`요소가`내부에있는 경우 서버 렌더링에서 손실 됨<context.provider>`</context.provider>

기능 을 요청하거나 버그를보고 하시겠습니까?

곤충.

현재 행동은 무엇입니까?

호출 .renderToString() 에 <React.Fragment><div>Hello!</div></React.Fragment> 생산 <div data-reactroot="">Hello!</div> .

그러나 "보이지 않는"React 요소 내의 DOM 루트 요소의 다른 많은 조합은 data-reactroot="" 없이 렌더링됩니다.

예를 들어 다음의 모든 제품은 <div>Hello!</div> ( data-reactroot="" 제외)를 생성합니다.

<React.Fragment><React.Fragment><div>Hello!</div></React.Fragment></React.Fragment>

<Context.Provider><div>Hello!</div></Context.Provider>

<Context.Consumer>{() => <div>Hello!</div>}</Context.Consumer>

<React.StrictMode><div>Hello!</div></React.StrictMode>

현재 동작이 버그 인 경우 재현 단계를 제공하고 가능하면 문제에 대한 최소한의 데모를 제공하십시오. 아래에 JSFiddle (https://jsfiddle.net/Luktwrdm/) 또는 CodeSandbox (https://codesandbox.io/s/new) 예제에 대한 링크를 붙여 넣으십시오.

위 참조.

예상되는 동작은 무엇입니까?

위의 예는 div 요소에 data-reactroot="" 를 포함하는 마크 업을 생성해야한다고 가정합니다.

어떤 버전의 React와 어떤 브라우저 / OS가이 문제의 영향을 받습니까?

모든 버전> = 16.7.0, 이전 버전에도 문제가 있습니다.

이것은 사소한 문제입니다 - 나는 마크 업을 사용하여 클라이언트 측에서 재수되는 경우에만 영향을 생각 .render() 보다는 .hydrate() 권장하지 않습니다 사용 -. 그러나 .render() 를 사용하여 재수 화하는 것은 여전히 ​​공식적으로 지원됩니다.

수정을 구현하고 PR을 할 수 있습니다. 그러나 예상되는 동작이 내가 생각하는 것과 이것이 실제로 버그라는 것을 누구든지 확인할 수 있습니까?