无法读取未定义的属性'0' - 卡住与reactjs教程

Question

我坚持the tutorial的“存储历史”部分，试图将状态从Board拉到Game。我从Board去除构造，并试图改变Board因此，它需要通过道具squares：

renderSquare(i) { 
    return <Square value={this.props.squares[i]} onClick={() => this.props.onClick(i)} />; 
    } 

但它失败..

代码：https://codepen.io/gka/pen/eBgapz

Answer 1

在你的榜样，你传递在正方形作为道具。所以，你需要改变

renderSquare(i) { return <Square value={this.props.squares[i]} onClick={() => this.props.onClick(i)} />; }

到

renderSquare(i) { return <Square value={this.props[i]} onClick={() => this.props.onClick(i)} />; }

因为this.props媒体链接是指你在通过了广场。