dainoji

2024年12月03日に参加

学習履歴詳細

CSRでfetchを使ってmicroCMSからコンテンツ情報を取り出す

  • microCMSでリッチエディタを使う
    • DOMがstringで返却されるのでparserを使う
    • parseされたDOMはReact上でそのまま使える。両方で定義が重複しない考慮が必要
    • 今回は返却されたDOMの中にpタグが含まれていて、React側でもpタグを設定していたのでpタグのネストエラーが発生した
  • CSRで非同期関数を使う場合、tsx上でそのまま使うことができないっぽい。SSR上で使うか、useEffect内で実行する。
React
Next.js
microCMS

2024年12月07日(土)

1.0時間