Question

我目前正在尝试渲染一个在对象中找到的HTML元素。我在这个网站上尝试了一些方法，但由于某些原因它们似乎不起作用，我不太清楚为什么。

基本上我试图渲染数组中的所有元素... 0 - ＆gt; array.length - 1：

    render(){

    let allGameLines = this.props.allGameLines;
    // allGameLines looks like [<GameLine />, <GameLine />, <GameLine /> ... <GameLine />]

    return(

        <div id = "allGameLines">
            allGameLines[0]
            allGameLines[1]
            allGameLines[2]
            ...
            ...
            ...
            allGameLines[allGameLines.length - 1]
        </div>

    );
}

Answer 1

return (  
 <div> {this.props.allGameLines.length && this.props.allGameLines.map(item => (
     <div> {item} </div> 
    )
  )} 
 </div>
)

为了显示数组的元素，请使用array.map

如何在道具中找到的列表中渲染所有DOM元素？

1 个答案: