我正在尝试将每部电影将在我的“类似 netflix”的应用程序中显示的演员列表(也将充当演员简历页面的链接)分开,每个演员之间用逗号后跟空格。我现在所拥有的告诉我“.join()”方法不是一个函数。我怎样才能解决这个问题?
{movie.Actors.map(actor => <Link to={`/actors/${actor.Name}`} className="value">{actor.Name.join(", ")}</Link>)}
谢谢!
我正在尝试将每部电影将在我的“类似 netflix”的应用程序中显示的演员列表(也将充当演员简历页面的链接)分开,每个演员之间用逗号后跟空格。我现在所拥有的告诉我“.join()”方法不是一个函数。我怎样才能解决这个问题?
{movie.Actors.map(actor => <Link to={`/actors/${actor.Name}`} className="value">{actor.Name.join(", ")}</Link>)}
谢谢!
你可以像这样用逗号加入 jsx:
{movie.Actors.map((actor) => (
<Link key={actor.Name} to={`/actors/${actor.Name}`} className="value">
{actor.Name}
</Link>
)).reduce((prev, curr) => [prev, ", ", curr])}
您可以查看此沙箱以获取实时工作示例。