Tengo un componente que mostrará Array of String. El código se ve así.
React.createClass({
render() {
<div>
this.props.data.map(t => <span>t</span>)
</div>
}
})
Funciona perfectamente bien. es decir, si props.data = ['tom', 'jason', 'chris'] El resultado renderizado en la página sería tomjasonchris
Luego, quiero unir todos los nombres usando una coma, así que cambio el código a
this.props.data.map(t => <span>t</span>).join(', ')
Sin embargo, el resultado renderizado es [Objeto], [Objeto], [Objeto].
No sé cómo interpretar el objeto para que se convierta en componentes de reacción que se renderizarán. Cualquier sugerencia ?
If the array is empty and no initialValue was provided, TypeError would be thrown.
. por lo que no funcionará para una matriz vacía.prev
matriz. por ejemplo, se[1, 2, 3, 4]
convierte en[[[1,",",2],",",3],",",4]
..reduce((prev: JSX.Element, current: JSX.Element): any => [prev, (<span> </span>), current])