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

Question

我正在尝试将每部电影在我的“类 netflix”应用程序中显示的演员列表（这也将作为 link 到演员简介页面）分开，后跟一个逗号通过每个演员之间的 space。我现在所拥有的告诉我“.join()”方法不是一个函数。我该如何解决这个问题？

{movie.Actors.map(actor => <Link to={`/actors/${actor.Name}`} className="value">{actor.Name.join(", ")}</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])}

您可以查看 this sandbox 的实际工作示例。