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

  • Z时代
  • 2024-01-10
  • 分类：问答

我在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只渲染一次。反正有两次渲染吗？

回答：

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

以上是 React：如何在页面中两次渲染一个组件？ 的全部内容， 来源链接： utcz.com/qa/418553.html

回到顶部