javascript - 如何渲染动态 antd 图标组件？

Question

我正在尝试动态呈现 antd 图标这是我的功能，但即使在使用 react-html-parser 后它也不起作用

let ratingClal = (nOfStars)=>{
    let stars = "";

    for(let i=0; i < nOfStars; i++){
        stars+="<StarFilled />";
    }

    stars = <p>{ ReactHtmlParser(stars) }</p>;
    return stars;
}

标签： javascriptreactjsrenderingantd

Answer 1

我没有使用react-html-parser. 你确定你需要那个库来解决你的问题吗？

如果你想渲染一个 React 组件列表，可以使用标准 React 来完成。

const Star = () => <span>*</span>;

const stars = n => {
  const result = [];
  for (let i = 0; i < n; i++) {
    result.push(<Star />);
  }

  return <p>{result}</p>;
};

你可以看到它在这里工作。