Javascript 从props.object在桌子上显示道具

我在react中有一个组件，我在其中传递道具中的so数据：

<Mycomponent names={[{name: 'peter'},{name: 'pan'}]} />

然后我有一个组件，它有一个表，我想在其中以

这是组件

import React from 'react';

const Mycomponent = (props) => <div>

    <table>
        <thead>
            <tr>
                <th>Name</th>
            </tr>
        </thead>
        <tbody>
            <tr>
                <td>{ props.names }</td>
            </tr>
        </tbody>
    </table>
</div>;

export default Mycomponent;

从“React”导入React；
常量Mycomponent=（道具）=>
名称
{props.names}
;
导出默认Mycomponent；

如何在

{props.names.name}

中循环和显示每个名称？

{
props.names.map（（{name}，i）=>{name}）
}

将迭代所有props.name，并为每个props.name返回一个tr { props.names.map（（{name}，i）=>{name}） }

---

将迭代所有props.names并为每个属性返回一个tr，它应该是

{name.name}

或

map（{name}=>{name}

是的，实际上没有查看名称是如何存储、编辑的。同时为每个

tr

分配

键：）@MayankShukla Fine，但是我不喜欢。也关闭tbody标签：）它应该是
{name.name}
或者
map（（{name}=>{name}
是的，实际上没有查看名称是如何存储、编辑的。还可以为每个
tr
：）分配
键@MayankShukla很好，但我不喜欢。也关闭tbody标签：）
<tbody>
  {
     props.names.map( ({name}, i) => <tr key={i}><td>{ name }</td></tr> )
  }
</tbody>