Closed8

Next.js + Recoil の調べごと

HidakaRintaroHidakaRintaro

なにこれ?

学校の課題をNext.js + Recoilでやるので、なんもわからんからいろいろメモする。

わからんこと

  • そもそもRecoilってなに?
  • よく使われるフォルダ構成的なのあるの?
  • APIから値取ってくる時どんな感じにするの?
HidakaRintaroHidakaRintaro

なんかエラー出た

Server Error
Error: ReactDOMServer does not yet support Suspense.

This error happened while generating the page. Any console logs will be displayed in the terminal window.
HidakaRintaroHidakaRintaro

useRecoilValueLoadable()とswitch文を使っていい感じにするらしい。
↓参考 こんな感じでできるっぽい

  const loadable = useRecoilValueLoadable(state)
  switch (loadable.state) {
    case 'hasValue':
      return <div>{loadable.contents}</div>
    case 'loading':
      return <div>Loading...</div>
    case 'hasError':
      throw loadable.contents
  }
このスクラップは2022/02/01にクローズされました