React가 로드될 때마다 임의의 아이콘을 로드하는 방법

Question

페이지가 다시 로드될 때마다 새 아이콘을 무작위로 로드하는 방법이 React에 있나요? 아이콘 목록을 갖고 페이지가 로드될 때마다 아이콘을 무작위로 선택하고 싶습니다.

In manifest.json 아이콘은 다음과 같이 로드됩니다.

으아아아

아이콘 세트에서 아이콘을 무작위로 선택하는 합리적인 방법이 있나요?

Answer 1

아이콘 배열을 만들고 JavaScript의 Math.random() 함수를 사용하여 배열에서 아이콘을 무작위로 선택할 수 있습니다. 여기를 참고하세요:

으아악

위의 예에서 useEffect훅은 구성 요소가 설치될 때 일부 코드를 실행하는 것입니다. Math.random()을 사용하여 아이콘 배열에서 임의의 아이콘을 선택하고 레이블의 href 속성을 변경하여 아이콘을 업데이트합니다.