React: `data-reactroot =" "सर्वर रेंडर में खो गया यदि तत्व अंदर है '<context.provider>`</context.provider>

क्या आप किसी सुविधा का अनुरोध करना चाहते बग की रिपोर्ट करना चाहते हैं?

बग।

वर्तमान व्यवहार क्या है?

कॉलिंग .renderToString() पर <React.Fragment><div>Hello!</div></React.Fragment> का उत्पादन <div data-reactroot="">Hello!</div> ।

हालांकि, "अदृश्य" प्रतिक्रिया तत्वों के भीतर 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="" सहित मार्कअप का उत्पादन करना चाहिए।

रिएक्ट के कौन से संस्करण और कौन से ब्राउज़र / OS इस समस्या से प्रभावित हैं?

सभी संस्करणों में मौजूद मुद्दा> = 16.7.0, संभवतः पहले के संस्करण भी।

यह एक मामूली समस्या है - मुझे लगता है कि यह केवल उस जगह को प्रभावित करेगा जहां मार्कअप क्लाइंट की तरफ से .render() बजाय .hydrate() - उपयोग के लिए है जिसे हतोत्साहित किया जाता है। हालांकि, रिहाइड्रेट करने के लिए .render() करना अभी भी आधिकारिक तौर पर समर्थित है।

मैं एक फिक्स लागू कर सकता हूं और एक पीआर बना सकता हूं। लेकिन क्या कोई पुष्टि कर सकता है कि अपेक्षित व्यवहार वही है जो मुझे लगता है कि यह है, और यह वास्तव में एक बग है?