时间戳

首页 > 解决方案 > 在另一个 div 中渲染 React 组件

reactjs - 在另一个 div 中渲染 React 组件

问题描述

在 React 中可以像这样在 div 中渲染另一个组件吗？钥匙在div上吗？

dataArray.map((data) => {
       return (<div key = {data.id}>
                 <Person data = {data} />
               </div>)
})

标签： reactjs

解决方案

是的。你的方法是正确的。为此，您的每个数据对象都dataArray必须有一个名为的字段id（或者您可以使用其他一些 UUID 值）。否则，更简单的方法可能是使用迭代数组中的对象索引：

    dataArray.map((data,id) => {
       return (<div key = {id}>
                 <Person data = {data} />
               </div>)
})

推荐阅读