如何在React中获取和显示数据api

Question

反应 这段代码我尝试使用react js项目，但是不起作用，我想在应用文件中实现以下代码。

componentDidMount() {
        axios
            .get(URL, {
                headers: {
                    Accept: "application/json",
                    "Content-Type": "application/json"
                }
            })
            .then(({ data }) => {
                this.setState({
          post: data,
                    allPosts: data 
                });
            })
            .catch(err => {});
    }

在此代码笔中有效，但在项目中设置无效

https://codepen.io/namratasep6/pen/JjXoxBv

Answer 1

//更改为App.js文件

导出默认应用

来自 ReactDOM.render（，document.getElementById（“ root”））;

//更改为index.js文件

ReactDOM.render（，document.getElementById（“ root”））;

来自 ReactDOM.render（，document.getElementById（“ root”））;