Reactjs 如何在react js中映射以下api响应

您好，我想映射这个，但不知何故，我无法做到这一点，在当前的代码中，它告诉我，这是一个函数

id.js

函数详细信息（{ninja}）{
const[data，setdata]=useState（[ninja]）；
控制台日志（数据）；
返回(
{data.map（（内部）=>(
{inner.data.map（（books）=>(
{books.name}
))}
))}
);

}

导出默认细节

---

请为我提供此问题的解决方案或替代方法

第二个

映射

是多余的

{data.map（（书）=>(
{book.data.name}
))}

---

map

适用于数组<代码>内部。数据是一个对象，因此会出错。

请检查此项，并记住在使用地图时添加一个键，以了解更多信息

以及官方文件——

函数详细信息（{ninja}）{
const[data，setdata]=useState（[ninja]）；
控制台日志（数据）；
返回(
{data.map（（项）=>(
{item？.data？.name}
))}
)在本例中，使用了
dataset
变量来生成可运行的代码。您可以在代码中使用useState钩子，而不是
dataset
变量

export default function App() {
  var dataset=[{"id":2,"name":"book1"},{"id":2,"name":"book2"}]
  return (
    <div>
        <>
            {dataset.map((books) => (
                <>
                    <div>
                        <h1 id='home_heading'>{books.name}</h1>
                    </div>
                </>
            ))}
        </>
    </div>)
}

导出默认函数App（）{
var数据集=[{“id”：2，“name”：“book1”}，{“id”：2，“name”：“book2”}]
返回(
{dataset.map（（图书）=>(
{books.name}
))}
)
}

输出：

export default function App() {
  var dataset=[{"id":2,"name":"book1"},{"id":2,"name":"book2"}]
  return (
    <div>
        <>
            {dataset.map((books) => (
                <>
                    <div>
                        <h1 id='home_heading'>{books.name}</h1>
                    </div>
                </>
            ))}
        </>
    </div>)
}