Question

我有一个我要列出的组件。我循环遍历组件中的列表以显示另一个组件，但列表中的每个项目都具有相同的属性，我希望在组件中显示更高级别。

我能这样做吗？如果是这样，怎么样？

示例代码：

export const MyComponent = ({someText, someList}) => (
  <div>
    <h1>{someText}</h1>
    <span>{someList[0].identicalProperty}</span>
    {someList.map((entity, i=0) =>
    <Entity
      identicalProperty={entity.identicalProperty}
      someProperty=[entity.otherPropery}
    />
  </div>
)

我想在父组件中显示“identicalProperty”一次，但它只在someList中的每个实体上可用。这可能吗？

编辑：

我忘了提及，我在尝试时遇到错误： “错误：对象无效作为React子对象（找到：具有键{someText，someList}的对象）。如果您要渲染子集合，请使用数组，或者使用React中的createFragment（object）包装对象附加组件。

Answer 1

为什么不放

<span>{someList[0].identicalProperty}</span>

作为实体组件的一部分？

如何引用React组件中的列表项？

1 个答案: