, um diesen Schritt zu erreichen Ändern Sie es, um einen Wert prop zu übergeben Square

Question

• Ich bin neu zu reagieren.
• Ich versuche, diesen Schritt zu erreichen Ändern Sie es, um eine Wertstütze an Square zu übergeben.
• können Sie mir sagen, warum es funktioniert nicht, wenn ich in der Box klicken nicht ich sehe x

• Code arbeiten https://codepen.io/gaearon/pen/gWWQPY?editors=0010

• nicht funktionierenden Code http://codepen.io/texirv/pen/qmLVOZ?editors=0010

Code bietet unter

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

Answer 1

In den nicht funktionierenden Code, hatten Sie es geschrieben onclick . Das ist falsch, es soll onClick sein.

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

Diese Gabel jetzt zeigt es funktioniert, mit dieser Änderung: http://codepen.io/anon/pen/eWxdoG?editors=0010