Estoy tratando de separar la lista de actores que se muestra (que también actuará como un enlace a la página de biografía de los actores) que cada película tendrá en mi aplicación "similar a Netflix" con una coma seguida de un espacio entre cada actor. Lo que tengo ahora me dice que el método ".join()" no es una función. ¿Cómo puedo arreglar esto?
{movie.Actors.map(actor => <Link to={`/actors/${actor.Name}`} className="value">{actor.Name.join(", ")}</Link>)}¡Gracias!
Puedes unirte a jsx con una coma como esta:
{movie.Actors.map((actor) => ( <Link key={actor.Name} to={`/actors/${actor.Name}`} className="value"> {actor.Name} </Link> )).reduce((prev, curr) => [prev, ", ", curr])}Puede echar un vistazo a este sandbox para ver un ejemplo de trabajo en vivo.