如何使用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')
);