如何在单独的li元素中返回JSON数据

Question

我试图通过下面的json文件进行映射，并在页面上的单独<li>元素中显示"list"数组，但整个列表数组只显示在一个<li>元素中。有没有办法将它们分离成自己的<li>元素？

以下是"博客"JSON文件的样子：

[
{
"id": 1,
"title": "This is a title",
"list": [
"hello test 1",
"hello test 2",
"hello test 3"
]
}
]

以下是我如何在React:中显示它们

<div>
{Blog.map((blogDetail, index) => {
return <li>{blogDetail.list}</li>
})}
</div>

Answer 1

<div>
{Blog.map((blogDetail, index) => {
return (
<>
{blogDetail.list.map((each) => {
return <li>{each}</li>
})}
</>
)
})}
</div>