Javascript 如何访问axios加载的对象属性?
我正在创建一个站点,用于存储JSON文件中的变量,然后我可以显示这些数据。我试图从一个对象中提取数据,但我一直得到未定义或空的数组/对象 这是我的父组件中的内容Javascript 如何访问axios加载的对象属性?,javascript,reactjs,axios,Javascript,Reactjs,Axios,我正在创建一个站点,用于存储JSON文件中的变量,然后我可以显示这些数据。我试图从一个对象中提取数据,但我一直得到未定义或空的数组/对象 这是我的父组件中的内容 export default class App extends Component { constructor(){ super(); this.state = { arrival: {} } } axiosFunc = () =>
export default class App extends Component {
constructor(){
super();
this.state = {
arrival: {}
}
}
axiosFunc = () => {
axios.get('https://api.warframestat.us/pc').then(results => {
this.setState({
arrival: results.data.voidTrader.activation,
});
setTimeout(this.axiosFunc,1000 * 60);
})
}
componentDidMount() {
this.axiosFunc();
}
}
接下来,在子组件中,我使用道具存储到达数据
<Baro arrival={this.state.arrival}/>
如何显示正确的数据?在解决GET请求之前,您的子组件可能正在装载。您显示的控制台日志位于componentDidMount中。尝试从componentWillReceiveProps或componentDidUpdate控制台记录,查看数据是否稍后到达 或者,安装优秀的React-Dev工具Chrome扩展并实时观看组件的道具
componentDidMount(){
console.log(this.props.arrival)
}