为了账号安全,请及时绑定邮箱和手机立即绑定

react 引入外部json的路径怎么写法

/ 猿问

react 引入外部json的路径怎么写法

波斯汪 2019-02-20 14:13:22

react 引入外部json的路径怎么写法


查看完整描述

2 回答

?
汪汪一只猫

一:创建json 文件 放在 ./data/目录下

{
"employees": [
{
"FamilyName": "张",
"giveName": "三",
"salary": 1
},
{
"FamilyName": "李",
"giveName": "四",
"salary": 2
},
{
"FamilyName": "王",
"giveName": "二",
"salary": 3
}
]
}

二:在index.Android.js文件中读取

[javascript] view plain copy
import React, { Component } from 'react';
import {
AppRegistry,
StyleSheet,
Image,
Text,
TouchableHighlight,
TextInput,
StatusBar,
View
} from 'react-native';
import constantData from './data/SimpleSample.json';

export default class ViewProject extends Component {

_onChangeText(newText) {
console.log('inputed text:' + newText);
}

componentWillMount() {
console.log("constantData taype is ="+typeof(constantData));
console.log("employees taype is ="+typeof(constantData.employees));
console.log("employees length = "+constantData.employees.length);
console.log("No.1 givenName ="+constantData.employees[0].giveName);
console.log("No.1 FamilyName ="+constantData.employees[0].giveName);
console.log("No.1 Salary"+constantData.employees[0].salary);
console.log("type of No.1 Salary"+typeof(constantData.employees[0].salary));
}

render() {
return (
<View style={styles.container}>
<Text
onChangeText={(newText)=>{this._onChangeText(newText)}}
/>
</View>
);
}

}

const styles = StyleSheet.create({
container: {
flex:1,
justifyContent: 'center',
alignItems: 'center',
backgroundColor:'#F5FCFF'
}
});
AppRegistry.registerComponent('ViewProject', (



查看完整回答
反对 回复 2019-02-26
?
紫衣仙女

有好几种
1、 require('data');
2、var myData = require('data');
3、import { myData } from data;

查看完整回答
反对 回复 2019-02-26
  • 2 回答
  • 0 关注
  • 522 浏览
我要回答

添加回答

回复

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信