React导入json数据
本文提供两种方式,读者根据自己的需要进行选择。
1.第一种方式:直接import json文件。
这种方式依赖于 json-loader模块(npm install json-loader, https://www.npmjs.com/package/json-loader),如果工程是使用create-react-app构建的,那么该模块已经包含在内。
import jsondata from './hierachy.json';
console.log(data);
2.第二种方式:将json文件改为js文件
将json文件中的内容放到js文件中(myjsondata.js).
因为只是export一个对象,所以使用" export default jsondata; "
myjsondata.js
let jsondata ={
"name":"John",
"age": 1,
"school": "yizhong",
"class": "4",
}
export default jsondata;
在其它文件中导入json数据:
import jsondata from './myjsondata';
版权声明:本文为wdquan19851029原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。