Javascript 我想重复一次★&引用；与处于React状态的数字相同的次数

我想重复一遍“★" 与处于React状态的数字的次数相同

我该怎么办

我想这样印刷

js★★★
ts★★
html★★★

状态={
我的核心：[
{姓名：“js”，分数：3}，
{姓名：“ts”，分数：2}，
{名称：“html”，分数：3}
]
}
...
const myScores=this.state.myScores.map(
（{name，score}）=>(
{name}
{
for（设i=0；i所有您需要做的就是将for循环替换为

{”★“.repeat（score）}

代码未按预期方式工作的原因是

实际上，OP的代码会抛出一个错误，因为JSX中不能有JavaScript语句（也就是说，它不会呈现任何内容）。注释中的@FelixKling很好地解释了这一点
因为在遍历for循环时，每次都要添加一个新的div，它是一个块元素。所以它将占据整个宽度。
您可以在此处阅读有关块元素的更多信息

您只需将for循环替换为

{”★“.repeat（score）}

代码未按预期方式工作的原因是

实际上，OP的代码会抛出一个错误，因为JSX中不能有JavaScript语句（也就是说，它不会呈现任何内容）。注释中的@FelixKling很好地解释了这一点
因为在遍历for循环时，每次都要添加一个新的div，它是一个块元素。所以它将占据整个宽度。
您可以在此处阅读有关块元素的更多信息

将for循环替换为{★.repeat（score）}您应该了解一下如何在JSX中编写循环{★.repeat（score）}您应该了解一下如何在JSX中编写循环★“.repeat（score）

@FrankerZ是的，我错过了引号，谢谢你指出它。“你每次都在添加一个新的div，它是一个块元素”，理论上可能是这样。实际上，OP的代码会抛出一个错误，因为你不能在JSX中使用JavaScript语句（即它不会呈现任何内容）@FelixKling是的，没错。我刚刚回答了这个问题，只有我更新了答案。谢谢：）应该是

“★“.repeat（score）

@FrankerZ是的，我错过了引号，谢谢你指出它。“你每次都在添加一个新的div，它是一个块元素”，理论上可能是这样。实际上，OP的代码会抛出一个错误，因为你不能在JSX中使用JavaScript语句（即它不会呈现任何内容）@FelixKling是的，没错。我只是在那个上下文中回答了这个问题，只有我更新了答案。谢谢：）