切換複選框使用反應失敗

Question

我正在採取反應。但是我經常不知道錯誤是什麼。下面的代碼沒有正確渲染，並在jsbin的控制檯中顯示沒有錯誤。

const App = React.createClass ({ 
    getInitialState() { 
    return {checked: false} 
    }, 
    handleCheck() { 
    this.setState({checked: !this.state.checked}) 
    }, 
    render() { 
     return(
    <div> 
    <input type="checkbox" onChange={this.handleCheck} /> 
    <p>This box is {this.state.checked}</p> 
    </div> 
    ) 


    } 
}) 

ReactDOM.render(<App />,document.getElementById('app-container')); 

https://jsbin.com/dehafizaba/1/edit 需要提醒。

Answer 1

它「正常工作」。問題是React沒有顯示布爾值的字符串表示。如果輸出別的東西的作品，例如：

<p>This box is {this.state.checked ? 'checked' : 'unchecked'}</p> 

Answer 2

Boolean的將不會在打印的反應。使用toString()將它們轉換爲string。

示例：https://jsfiddle.net/Pranesh456/557ab8wa/1/