如何在jquery中重复添加或添加html？

Question

我有一些代码，使用.repeat()根据给定的输入数字多次插入字符串。

但是我想注入字符/符号和/或专门使用html的元素以获得我想要的样式。在这种情况下，我想产生一些圆圈以表示技能水平。

如您所见，我有一个字符串可以在repeat（）函数中使用，但我想改为重复html。

这是React应用程序的代码段。我不想使用“>”符号作为重复单位，我想重复一些更复杂的内容，例如div或超棒的字体图标。

displayDevSkill = () => {
  return Object.values(this.state.skills).map(skill =>
    <div className="skill">
      <Fade><div className="skill-level">{this.skillLevelMeasure(skill.level)}</div></Fade>
      <div className="skill-leveltitle">{skill.leveltitle}</div>
      <div className="skill-title" id={skill.id}>{skill.title}</div>
      <i className={skill.icon}></i>
    </div>
  )
}

skillLevelMeasure = (level) => {
  let unit = ">"
  return unit.repeat(level)
}

我想要重复的圆圈或html元素之类的东西。