导入时“无法读取未定义的属性'map'”

Question

当我们导入本地文件时，在数组内部映射数组的最佳方法是什么。我收到错误消息：“无法读取未定义的属性'map'。

Shop.js

import Details from './details.json'


render(){
 return (
   <ul>
     {Details.map(detail => (
       detail.shops.map(shop=> (
         <li>{shop}</li>
       ))
     ))}
  </ul>
 )}

Json就是这样：

[
  {
    "id": 1,
    "shops": ["one", "two"]
  }
]