React には次の画像スライダーがあり、期待どおりに機能します:
しかし、NextJS では機能しません。エラーを修正するためにいくつかの変更を加えました:
コンポーネントの先頭に「クライアントの使用」を追加してコードを変更して、IDE によって表示されるエラーを修正しました。配列内のすべての画像がブラウザーのネットワーク タブに表示されました。
Next.js では、React フックをトップレベルのコンポーネントで直接使用することはできません。代わりに、Next.js の useEffect 関数で useEffect フックを使用できます。 Next.js で実行できるようにコードを変更する方法は次のとおりです:
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
Next.js では、React フックをトップレベルのコンポーネントで直接使用することはできません。代わりに、Next.js の useEffect 関数で useEffect フックを使用できます。 Next.js で実行できるようにコードを変更する方法は次のとおりです:
リーリー