javascript - Cannot read property '0' of undefined - stuck with reactjs tutorial - Stack Overflow

admin管理员组

文章数量:1387427

I stuck at the "Storing a history" part of the tutorial, trying to pull state up from Board to Game. I've removed constructor from Board and was trying to change Board so that it takes squares via props:

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

but it fails..

code:

I stuck at the "Storing a history" part of the tutorial, trying to pull state up from Board to Game. I've removed constructor from Board and was trying to change Board so that it takes squares via props:

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

but it fails..

code: https://codepen.io/gka/pen/eBgapz

• javascript
• reactjs
• jsx

Share Improve this question Follow edited Nov 21, 2016 at 10:31 Martijn Pieters 1.1m321321 gold badges4.2k4.2k silver badges3.4k3.4k bronze badges asked Nov 20, 2016 at 17:04 GiedriusGiedrius 13811 silver badge88 bronze badges 0

Add a ment  | 

2 Answers 2

Sorted by: Reset to default 5

In your example, you pass in squares as props. So you need to change

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

into

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

Because this.props already refers to the squares you passed in.

I had my App render Board instead of Game, so that was the reason it wasn't working.

本文标签： javascriptCannot read property 39039 of undefinedstuck with reactjs tutorialStack Overflow