将对象映射到 React 子元素

Question

我有一个对象如下

我正在尝试根据 id 和 type 值将其映射到并创建子组件。我用这种方式

{[id: 1, type: "string"],
 [id: 2, type: "boolean"]
}.map(data => (
   <Input 
     id= {data.id}
     value={data.type}
   />
))}

我如何确保我可以使用 id 和 type 并将其传递给 Input 组件。我看到了一个数组的工作示例，如下所示。

{['dog', 'cat', 'elephant].map(type => (
  <Input id={type} />
))}

有人可以建议我是否可以通过这种方式将 2 个元素传递给孩子

Answer 1

如果你想要输入对象，你可以只将 Object.map 用于数组，然后你需要使用

object.keys(object).map((_array,index)=>{

   Object(_array).map((_e,_i)=>{
     console.log(_e,"<<<<Elements of array    index>>>",_i)
   })

}) 

只是因为这是嵌套数组。