reactjs - 反応でデータ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