reactjs 如何显示一个图标到一个特定的数字给定

7gcisfzg 于 2023-02-08 发布在 React

关注(0)|答案(1)|浏览(127)

请我想到显示一个图标根据一个数字给定.例如，如果这给定的数字是3让3图标被显示.请怎样可以实现这在TypeScript.
这是我代码

const icons = <MdStar />
    const displayIcon = (number:any) => {
        let random: any = Math.floor((Math.random() * 4) + 1);
        if(random > 0 ){
            
            number.length === random
        }
        console.log(number);
    };

    displayIcon(icons)

reactjs

来源：https://stackoverflow.com/questions/75360192/how-to-display-an-icon-to-a-particular-number-given

1条答案

按热度按时间

5t7ly7z51#

你可以通过创建一个randomNumber，然后从这个数字创建一个数组，最后Map到数组并返回MdStar组件。

function YourComponent() {
  const randomNumber: number = Math.floor(Math.random() * 4 + 1);

  return (
    <>
      {Array.from({ length: randomNumber }, (_, i) => i).map((_, i) => (
        <MdStar key={i} />
      ))}
    </>
  );
}

赞(0）回复(0）举报 2023-02-08

我来回答

reactjs 如何显示一个图标到一个特定的数字给定

1条答案

相关问题

热门标签

最新问答