Closed8

Next.js + Recoil の調べごと

なにこれ?

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

わからんこと

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

なんかエラー出た

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.

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
  }

ここは良さげなサンプルソースが欲しい...

Recoil+非同期通信の使い方が何もわからない。

このスクラップは2022/02/01にクローズされました
ログインするとコメントできます