Javascript 如何使用索引迭代json文件并使用react本机组件进行渲染？

我有一个JSON文件，如下所示：

{
  "type": {
    "1": {
      "book_name": "Lorem ipsum",
    },
   "2": {
     "book_name": "Lorem ipsum",
   }
}

我需要迭代这个json文件的每个名称

在我的项目中，我导入本地json文件，如下所示：

import books from '../data/books.json';

要访问每个名称，我可以执行以下操作，例如：

const names = books.type;
<Text>{names[1].book_name}</Text>

const name=books.type；
{名称[1]。书籍名称}

---

我试图使用

映射函数将数据渲染到视图中，但我不知道如何在我的情况下使用它。
您可以使用
对象。值（obj）
，但最好的方法是使用对象数组的类型属性

{
“类型”：[{“图书名称”：“知识产权”}，{“图书名称”：“知识产权”}]
}
您可以将值存储在数组中，并在映射中使用它

您可以这样做：

const books  = {"type":{
    "1":{
        "book_name":"Lorem ipsum",
    },
    "2":{
        "book_name":"Lorem ipsum",
    },
    "3":{
        "book_name":"Lorem ipsum",
    }
}}

    const array = [];

    Object.entries(books).map(([key, value]) => {
        Object.entries(value).map(([key, value]) => {
            Object.entries(value).map(([key, value]) => {
                array.push(value);
            })

        })
    })


  return(
    <View style={{flex:1,alignItems:"center",justifyContent:"center"}}>
  {array.map((item, key) => 
        {
            return(
            <View>
              <Text> {item} </Text>
            </View>
          )
        })}
      </View>
  );

const books={“type”：{
"1":{
“书名”：“Lorem ipsum”，
},
"2":{
“书名”：“Lorem ipsum”，
},
"3":{
“书名”：“Lorem ipsum”，
}
}}
常量数组=[]；
Object.entries（books.map）（[key，value]）=>{
Object.entries（value.map）（[key，value]）=>{
Object.entries（value.map）（[key，value]）=>{
array.push（值）；
})
})
})
返回(
{array.map（（项，键）=>
{
返回(
{item}
)
})}
);


希望这有帮助
 你好，迭戈·奥利维拉，我无法重新格式化我的json文件。太大了！我需要迭代这个json文件以避免手动编写