React Nativeの読み込みJSONファイル
一:jsonファイルを作成して./data/ディレクトリ下
{"employees":[{"FamilyName":"張","giveName":"三","salary":1},{"FamilyName":"李","giveName":"四","salary":2},{"FamilyName":[王],[giveName]:[二],[salary]:3}]}
二:index.android.jsファイルからの読み出し
{"employees":[{"FamilyName":"張","giveName":"三","salary":1},{"FamilyName":"李","giveName":"四","salary":2},{"FamilyName":[王],[giveName]:[二],[salary]:3}]}
二:index.android.jsファイルからの読み出し
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 (
{this._onChangeText(newText)}}
/>
);
}
}
const styles = StyleSheet.create({
container: {
flex:1,
justifyContent: 'center',
alignItems: 'center',
backgroundColor:'#F5FCFF'
}
});
AppRegistry.registerComponent('ViewProject', () => ViewProject);