我怎樣才能使用ReactDOM.render呈現兩個jsx文件

Question

正如我所說t想要使用ReactDOM.render呈現兩個jsx文件，但我不知道我該怎麼做。

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') 
); 

非常感謝提前！

Answer 1

render只能渲染一個組件（可以有子組件）。所以像這樣：

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