状態の配列を並べ替えます

Question

私は zustand を使用して ToDo 項目の配列を含むグローバル状態を作成し、各 ToDo 項目の追加、削除、完了/元に戻すの切り替え機能を備えています。

また、Dnd Kit を使用して各 ToDo コンポーネントをドラッグ アンド ドロップし、グローバル コンテキストで並べ替えます。そのためには、zustand ストアに次の方法で reorderTodo 関数を作成する必要があります。

リーリー

VSCode で大きなタイプスクリプト エラーが発生しました:

リーリー

しかし、yarn dev を使用してアプリケーションを開発モードで実行できますが、yarn build を使用してアプリケーションをビルドしたいときに問題が発生します。コンソールでこのエラーが発生し、したがって、Netlify/vercel

にアプリケーションをデプロイできませんでした。

このエラーを修正する並べ替え関数を作成するにはどうすればよいですか?

Answer 1

問題は、set メソッドには戻り状態が必要で、コードが setState: if (!todo) return; で unknown を返すことです。この行のコードを if (!todo) return { todos };

に変更できます。