react中如何引用json


本文摘自PHP中文网,作者coldplay.xixi,侵删。

react中引用json的方法:1、直接import引入,使用【create-react-app】来构建项目;2、把json文件改成js文件,把原本json中的数据赋值给变量data。

  • 该方法适用于所有品牌电脑

react中引用json的方法:

第一种:直接import引入

需要使用json-loader模块,如果你是使用create-react-app来构建项目,那么该模块已经包含在内,

你只需要用import像引入组件那样引入json文件即可, import data from '../lessonlist/courselist.json';

data是我自己取的名字,类似组件名,不用export default data来导出,不过在json文件中这样写也会报错

6072d4af4db5d88f8cfdeb4ed52153e.png

第二种:把json文件改成js文件

把json文件改成js文件,然后把原本json中的数据赋值给变量data,

在用import引入即可,import data from '../lessonlist/courselist.js';

53449e8183bbb35d78e3cb88f18f64d.png

阅读剩余部分

相关阅读 >>

javascript对象怎么转为json

React完成一个图片轮播组件

tomcat如何部署React项目

json和javascript对象有什么区别

redux和React有啥区别

React怎么渲染html标签

vue和React监听数据的区别是什么?

React可以引入css吗?

React中怎么获取state

json.parse()和json.stringify()的性能测试(示例)

更多相关阅读请进入《React》频道 >>




打赏

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,您说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

分享从这里开始,精彩与您同在

评论

管理员已关闭评论功能...