|
|
相关文章推荐
使用字符串React调用JSON数据
问
使用字符串React调用JSON数据
EN
EN
Stack Overflow用户
提问于
2021-02-04 13:57:16
回答 2
查看 27
关注 0
票数 1
import AsukaData from './info/AsukaData.json'
import JinData from './info/JinData.json'
const CharArray = [
'Jin', 'Asuka'
{CharArray.map((element,index)=>(
<Route path={`/${element}`}><CharPage Data={`${element}Data`}/></Route>
))}我想用字符串调用JSON data(JinData，AsukaData)，但不知道怎么做..
Data={
${element}Data
}被识别为字符串。我希望它是上面导入的json。
EN
回答 2
Stack Overflow用户
回答已采纳
发布于 2021-02-04 14:04:27
问题
使用反引号表示字符串插值/模板。
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>
))}
票数 1
EN
Stack Overflow用户
发布于 2021-02-04 14:03:17
使用对象而不是数组将数据映射到键
const DataMap = {
推荐文章