更新時に注文されたアイテムを除き、ランダムな 20 個のアイテムのみを表示するようにコードを変更するにはどうすればよいですか?

Question

私はこの JSON から 20 個のランダムなアイテムを取得する方法についてここで質問し、以下の回答の 1 つを使用しました:

リーリー

問題が発生しました。更新すると、この JSON の順序付けられた 20 個の項目が表示されますが、突然ランダムな 20 個の項目に変わります。更新時にランダムな 20 個の項目だけが表示されるようにコードを修正するにはどうすればよいですか?注文した商品が見当たりませんか?

Answer 1

最初のレンダリング後に useEffect を使用して順序を更新する代わりに、useState を使用して、最初のレンダリングで生成される一貫した (ランダムな) 順序を提供できます。

リーリー

useState は、コンポーネントが初めてレンダリングされるときに初期化コードを実行します。 useState はセッター も返しますが、単に使用したいだけの場合は、レンダリング間で特定の値を保持するためにこれを使用する必要はありません。