React：如何在页面中两次渲染一个组件？

小编典典

React：如何在页面中两次渲染一个组件？

reactjs

我在React中有一个组件构建myComponent.js

ReactDOM.render(
  <MyComponent />,
  document.getElementById('my-id')
);

在我的HTML中，我想渲染两次，HTML如下：

<div id='my-id></div>
some html
<div id='my-id></div>

我想在此页面上将React渲染两次，但第二个div只渲染一次。反正有两次渲染吗？

阅读 624

2020-07-22

共1个答案

小编典典

idHTML中的两个或多个元素不能相同。使用不同id的

<div id='my-id-one></div>
some html
<div id='my-id-two></div>

并ReactDOM.render分别为每个ID 调用。

ReactDOM.render(
  <MyComponent />,
  document.getElementById('my-id-one')
);

ReactDOM.render(
  <MyComponent />,
  document.getElementById('my-id-two')
);

2020-07-22