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 native有什么作用

React native怎么注释代码

React状态机是什么

React中如何引进图片

tomcat如何部署React项目

怎么遍历json数组

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

html格式化json的实例代码

React中什么必须大写

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




打赏

取消

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

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

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

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

评论

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