未定義のプロパティ '0'を読み取ることができません - reactjsチュートリアルでスタックされました

Question

BoardからGameに状態をプルしようとすると、the tutorialの「履歴の保存」の部分でスタックしました。あなたは合格、あなたの例ではhttps://codepen.io/gka/pen/eBgapz

Answer 1

..

コードを

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

が、それは失敗します。私はBoardからコンストラクタを削除したし、それは小道具を経由してsquaresをとるようにBoardを変更しようとしていました小道具として四角でthis.propsが出回っあなたが渡された四角形を参照するのでだから、

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)} />; }

に変更する必要があります。