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

Question

ここで JSON から 20 個のランダムな項目を取得する方法について質問し、次のような答えの 1 つを使用しました。 consta=Myjson;useEffect(()=>{for(leti=a.length;i-- >0; ){constj=Math.floor(Math.random()*i);//0≤j≤i[a[i],a[j]]=[a[j],a[i]] ;}} ,[]);{a.slice(0,20).map((ite

P粉464088437 · Answer

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

リーリー

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