Wie kann ich zwei jsx Dateien mit ReactDOM.render

Question

Rendern Wie ich sagte, t wollen zwei jsx-Dateien mit ReactDOM.render rendern, aber ich weiß nicht, wie kann ich es tun.

import Header from './header'; 
import HelloWorld from './hello-world'; 
import React from 'react'; 
import ReactDOM from 'react-dom'; 


ReactDOM.render(
<Header />, 
<HelloWorld />, 
document.querySelector('.root') 
); 

Vielen Dank im Voraus!

Answer 1

render kann nur eine Komponente (die Kinder haben kann) gerendert werden. So wie dieses:

ReactDOM.render(
    <div> 
    <Header /> 
    <HelloWorld /> 
    </div>, 
    document.querySelector('.root') 
);