Reactでjson形式のapiを読み込む #JavaScript

動作環境

React 17.0.1
npm 7.5.2
OS catalina

二種類のやり方紹介

axiosを使って読み込む方法

まずaxiosをインストール

npm install axios

ソースコード


useEffect(() => {
    axios.get('https://jsonplaceholder.typicode.com/posts')
        .then(res => {
        setPosts(res.data)
    })
})

JavaScriptの fetchメソッドを使う方法


useEffect(() => {
    fetch('https://jsonplaceholder.typicode.com/posts', {method: 'GET'})
        .then(res => res.json())
        .then(data => {
            setPosts(data);
        })
    })