前回で作成した BooksGet.js で、『Uncaught TypeError: Cannot read properties of null (reading '0')』というエラーが発生しました。

image2

今回は、こちらのエラーを解消します。

原因は、useStateで状態管理した時、nullを設定したことが原因でした。

nullの場合、最初のレンダリングが呼び出されないため、エラーが発生しました。

const [documents, setDocuments] = useState(null)

こちらのnullを配列『[]』に変更します。

const [documents, setDocuments] = useState([])

ブラウザで確認すると、

image3

無事、データを取得することができました。

ブログ一覧