如何使用 ReactDOM.render 渲染两个 jsx 文件答案

【问题标题】：How can i render two jsx files using ReactDOM.render如何使用 ReactDOM.render 渲染两个 jsx 文件
【发布时间】：2016-07-25 02:52:55
【问题描述】：

正如我所说，我不想使用 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')
);

非常感谢提前！！

【问题讨论】：

标签： twitter-bootstrap reactjs gulp browserify

【解决方案1】：

render 只能渲染一个组件（可以有子组件）。像这样：

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

【讨论】：

工作得很好！！非常感谢大卫吉尔伯森！