javascript - 为数组的每个元素返回多个 HTML 片段

Question

已编辑 --

假设我有一个 JSON 对象数组:

"social":[
      {
        "name":"facebook",
        "className":"fa fa-facebook"
      },
      {
        "name":"linkedin",
        "className":"fa fa-linkedin"
      },
      {
        "name":"instagram",
        "className":"fa fa-instagram"
      },
      {
        "name":"github",
        "className":"fa fa-github"
      }
]

如何为每个对象创建一个片段以便它们返回

<p>{social.name}<p> 

而且我不想使用 map 。

这是一个更复杂的例子的概括，但这似乎是我面临的问题(即我有以下格式的数据，我需要从每个要显示的元素中获取属性，我只有一个功能)

Answer 1

假设 social 是状态的一部分，您可以实现一个方法，将 social 数组中的每个项目映射到 p标签:

renderSocialNames = () => {
  return this.state.social.map(
    socialItem => <p key={socialItem.className}>{socialItem.name}</p>
  );
}

Here's a Working Sample StackBlitz for your ref.