其中一个字段是 React 组件的对象数组？

问题描述

我目前有一个常规的 JavaScript 对象数组，每个对象都有自己的字段。

在 Key 字段中，它当前是文本，但是我想用 React 组件替换它（超链接是我自己的组件）

我希望每个对象的关键字段中的元素改为：

<Hyperlink href="key">key</Hyperlink>

例如，在第一个对象中，密钥是 CSFS-38709。

我想将密钥改为：

<Hyperlink href="http://mylink.com/CSFS-38709"> CSFS-38709 </Hyperlink>

我真的很困惑如何让数组中的对象字段成为 React 组件。

任何人的帮助将不胜感激！

解决方法

通常您不想将组件实例放入数组中，您应该只将数据保留在数组中，然后在例如映射数组时创建组件实例，例如 -

resData.map((resDataItem) => (
   <Hyperlink key={resDataItem.key} href={`http://mylink.com/${resDataItem.key}`}>{resDataItem.key}</Hyperlink>
))

等