我有两个文件(在同一目录中):
- Detail.json
- 基础.js
detail.json如下:
[
{
"id": 1,
"name": "A",
},
{
"id": 2,
"name": "B",
},
{
"id": 3,
"name": "C",
}
];
Base.js如下:
class Base extends Component {
state = { myDetail: [] };
//TODO 1: fetch JSON data from Detail.json and set it to myDetail object
//TODO 2: parse this data from myDetail to display as a single unit (eg: name)
}
我做了:
import data from './Detail.json'
console.log(data)
给我完整的 json 对象。但是当我这样做时:
this.setState({myDetail: data});
& 然后 console.log(myDetail);
它在控制台中显示空对象。
谁能告诉我如何执行上述两项任务。谢谢。
最佳答案
正如Yozi在评论区所说,setState
是一个异步函数,你必须等待它的promise被解析。
this.setState({foo: 'bar'}).then(() => {
console.log(this.state.foo)
});
关于javascript - React Native - 如何解析 json 数据并将其设置在状态对象中,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/46004782/