ReactDOM.render를 사용하여 두 개의 jsx 파일을 렌더링하는 방법

Question

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