React をロードするたびにランダムなアイコンをロードする方法

Question

React でページがリロードされるたびに新しいアイコンをランダムにロードする方法はありますか?アイコンのリストを用意し、ページが読み込まれるたびにランダムに 1 つを選択したいと考えています。

manifest.json では、アイコンは次のように読み込まれます:

リーリー

一連のアイコンからランダムにアイコンを選択する合理的な方法はありますか?

Answer 1

アイコンの配列を作成し、JavaScript の Math.random() 関数を使用して配列からアイコンをランダムに選択できます。ここを参照:

リーリー

上の例では、useEffect フックはコンポーネントのインストール時にコードを実行します。 Math.random() を使用してアイコン配列からランダムなアイコンを選択し、ラベルの href 属性を変更してアイコンを更新します。