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

阅读剩余部分

相关阅读 >>

不用脚手架搭建React的方法

为什么React适合做大型项目?

webstorm不识别React怎么办

React如何提高首屏加载速度

json文件过大怎么缩小

React如何控制显示与隐藏

React怎么添加背景图片

React中有实现截图插件吗

React完成一个图片轮播组件

json数据格式是什么

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




打赏

取消

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

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

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

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

评论

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