react中如何引用json


当前第2页 返回上一页

这2种方法访问数据如下

1

2

3

4

5

6

<span className="lesson-link-line1">{data[0].name}</span>

<span className="lesson-link-line1">{data[0].url}</span>

<span className="lesson-link-line1">{data[1].name}</span>

<span className="lesson-link-line1">{data[1].url}</span>

<span className="lesson-link-line1">{data[2].name}</span>

<span className="lesson-link-line1">{data[2].url}</span>

这2种方法的主要区别

  • json文件不需要export default导出,也不支持该语法,会报错,

  • js文件需要把数据赋值给一个变量,在export default导出,

  • json文件中的属性和值都要用双引号,否则会报错,js文件属性可以不用加双引号

相关免费学习推荐:javascript(视频)

以上就是react中如何引用json的详细内容,更多文章请关注木庄网络博客

返回前面的内容

相关阅读 >>

vue和React状态管理有啥区别?

React怎么跳出新页面

React中怎么获取input的值

React状态机是什么

React中npm是什么

weex和React native区别是什么

React中swiper插件如何使用?

weex和React native的区别是什么?

怎么用React

bootstrap有React版吗

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




打赏

取消

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

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

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

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

评论

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