实现这一步修改它以将 value 道具传递给 Square

Question

• 我是新手。
• 我正在尝试实现这一步修改它以将 value prop 传递给 Square。
• 你能告诉我为什么它不起作用，当我点击框时我没有看到 x

• 工作代码https://codepen.io/gaearon/pen/gWWQPY?editors=0010

• 代码无效http://codepen.io/texirv/pen/qmLVOZ?editors=0010

在下面提供代码

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

Answer 1

在非工作代码中，您拼写为onclick。这是不正确的，应该是onClick。

<button className="square" onClick = {() => this.setState({value: 'X'})}>

这个分叉现在显示它可以工作了，这个变化：http://codepen.io/anon/pen/eWxdoG?editors=0010