问 使用字符串React调用JSON数据

EN

问题

使用反引号表示字符串插值/模板。

Data={`${element}Data`}

这将从数组中获取字符串值，并注入并返回传递给 Data 属性的新字符串值。

解决方案

如果您只是想映射导入的JSON对象，那么我建议将它们放在数组中。使用对象提供路径键和JSON数据有效负载。

import AsukaData from './info/AsukaData.json'
import JinData from './info/JinData.json'
const charArray = [
  { path: 'Jin', data: JinData },
  { path: 'Asuka', data: AsukaData }
{charArray.map(({ path, data }) => (
  <Route key={path} path={`/${path}`}>
    <CharPage Data={data} />
  </Route>
))}

使用对象而不是数组将数据映射到键

const DataMap = {