如何渲染動態 antd 圖標組件？

Question

我正在嘗試動態呈現 antd 圖標這是我的 function 但即使在使用 react-html-parser 后它也不起作用

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

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

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

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>;
};

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