Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/425.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何访问axios加载的对象属性?_Javascript_Reactjs_Axios - Fatal编程技术网

Javascript 如何访问axios加载的对象属性?

Javascript 如何访问axios加载的对象属性?,javascript,reactjs,axios,Javascript,Reactjs,Axios,我正在创建一个站点,用于存储JSON文件中的变量,然后我可以显示这些数据。我试图从一个对象中提取数据,但我一直得到未定义或空的数组/对象 这是我的父组件中的内容 export default class App extends Component { constructor(){ super(); this.state = { arrival: {} } } axiosFunc = () =>

我正在创建一个站点,用于存储JSON文件中的变量,然后我可以显示这些数据。我试图从一个对象中提取数据,但我一直得到未定义或空的数组/对象

这是我的父组件中的内容

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)
}