React ImageSlider を NextJS に変換する

Question

React には次の画像スライダーがあり、期待どおりに機能します:

リーリー

しかし、NextJS では機能しません。エラーを修正するためにいくつかの変更を加えました:

リーリー

コンポーネントの先頭に「クライアントの使用」を追加してコードを変更して、IDE によって表示されるエラーを修正しました。配列内のすべての画像がブラウザーのネットワーク タブに表示されました。

Answer 1

Next.js では、React フックをトップレベルのコンポーネントで直接使用することはできません。代わりに、Next.js の useEffect 関数で useEffect フックを使用できます。 Next.js で実行できるようにコードを変更する方法は次のとおりです:

リーリー