将对象的对象转换为对象数组并迭代文本

Question

我有 JSON 对象，我想将其转换为数组并迭代到每个文本

这是 JSON 对象：

"dataObject":{
  "object2":{
    "id":"123456",
    "userId":"76890",
    "name":"home"
    }
   }

这是 view.jsx

<div>
<p>id:{id}</p>
<p>userId:{userId}</p>
<p>name:{name}</p>
</div>

Answer 1

您可以使用 Object.values 获取 dataObject 的值并映射这些值

function App() {
  const dataObject = {
    object1: {
      id: "3123456",
      userId: "476890",
      name: "1home"
    },
    object2: {
      id: "123456",
      userId: "76890",
      name: "home"
    }
  };

  return (
    <div>
      {Object.values(dataObject).map(({ id, userId, name }) => (
        <div>
          <p>id:{id}</p>
          <p>userId:{userId}</p>
          <p>name:{name}</p>
        </div>
      ))}
    </div>
  );
}

演示：