javascript - 如何分隔我的演员列表中的数组项？

Question

我正在尝试将每部电影将在我的“类似 netflix”的应用程序中显示的演员列表（也将充当演员简历页面的链接）分开，每个演员之间用逗号后跟空格。我现在所拥有的告诉我“.join()”方法不是一个函数。我怎样才能解决这个问题？

{movie.Actors.map(actor => <Link to={`/actors/${actor.Name}`} className="value">{actor.Name.join(", ")}</Link>)}

谢谢！

标签： javascriptarraysreactjsjoinreact-link

Answer 1

你可以像这样用逗号加入 jsx：

{movie.Actors.map((actor) => (
      <Link key={actor.Name} to={`/actors/${actor.Name}`} className="value">
        {actor.Name}
      </Link>
    )).reduce((prev, curr) => [prev, ", ", curr])}

您可以查看此沙箱以获取实时工作示例。