[React Native] 解析JSON文件

前端之家收集整理的这篇文章主要介绍了[React Native] 解析JSON文件前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

在编写代码时,开发者有时需要存储一些比较多,在应用程序运行时不需要更改的数据。文件大不便于写在代码中,可以把这些数据存储到JSON文件中。

优点非常明显:
1. 数据存放在单独的文件中,代码精简有条理。
2. JSON数据格式便于阅读,修改

给大家演示下,在项目目录下建立一个名为data的目录,在data目录下创建一个名为Student.json的文本文件

{
  "student":[ { "name":"张三","age":20 },{ "name":"李四","age":18 } ] }

当我们需要使用JSON文件中的数据时,在代码中加入:

let studentData=require('./data/student.json');

请注意: JSON文件的后缀必须是小写的。

现在就可以将studentData 变量作为一个类的对象使用了。

componentWillMount() {
        console.log("data type:"+typeof(studentData));
        console.log("student length:"+studentData.student.length);
        console.log("student1 name:"+studentData.student[0].name);
        console.log("student1 age:"+studentData.student[0].age);
        console.log("student2 name:"+studentData.student[1].name);
        console.log("student2 age:"+studentData.student[1].age);
    }

运行结果:

更多精彩请关注微信公众账号likeDev

猜你在找的React相关文章