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 版权协议,转载请附上原文出处链接和本声明。
THE END
< <上一篇
下一篇>>