如何根据React中的javascript对象渲染组件X次？

更新2017年12月:React v16现在允许您从render函数返回一个数组.

使用React类,您的顶级render函数必须返回单个组件.但是,在JSX中,您可以插入单个组件或组件数组.

像这样:

render() {
    var photoHolder = [];
    for(var i=0;i
                { this.props.photos[0].description }
            )
        );  
    }

    return (
        
            {photoHolder}
        
    )
}

编辑:这是另一种解决方案:

render() {
    return (
        
            {this.props.photos.map((photo, i) => {
                return (
                    {photo.description}
                );
            })}
        
    )
}