我将如何在 reactjs 中渲染到两个不同的网格？

Question

我想从同一个 ReactJs 渲染到 colLeft 和 ColRight class。这样一个组件向左，一个向右。

<div class="container">

  <div class="row">
    <div id="colLeft" class="col s6"></div>
    <div id="colRight" class="col s6"></div>
  </div>
</div>

ReactJs class 包含两个组件。一个在左边，一个在右边。

<Card className='large'/>
<Card className='large'/>

我要创建门户吗？如果我有两列以上，比如 15 列怎么办？

Answer 1

我想答案就是在 Javascript 文件中调用 ReactDOM.render 两次。

ReactDOM.render(<TestCard/>, document.getElementById("colLeft"));
ReactDOM.render(<LeftTestCard/>, document.getElementById("colRight"));

How would I render to two different grids in reactjs?