单击按钮显示或隐藏元素或组件

Question

单击按钮我无法更改state。

这是我下面的代码：

changeAllFun =() => { 
    this.setState = ({ 
     showBadTable: '1', 
    }) 
    } 

    changeBadFun =() => { 
    this.setState = ({ 
     showBadTable: '0', 
    }) 
    } 

    constructor(props){ 
    super(props); 
    this.state = { 
     showBadTable: '1', 
    } 
    } 

    render() { 
    return (
     <div> 
      <h1>All or Bad</h1> 

      <RaisedButton style={styles.TopButtonStyle} disableTouchRipple={true} 
         disabled={false} label="All" 
         onTouchTap={this.changeAllFun} 
         primary={true}></RaisedButton> 
      <RaisedButton style={styles.TopButtonStyle} disableTouchRipple={true} 
         disabled={false} label="Bad" 
         onTouchTap={this.changeBadFun} 
         primary={true}></RaisedButton> 

      {(this.state.showBadTable == '0') ? (<h2>all</h2>) : (<h2>bad</h2>)} 

      {this.state.showBadTable} 

     </div> 
    ); 
    } 

this.state.showBadTable是1所有的时间。 我已经看了堆栈溢出几个答案。我找不到我的代码和答案之间的差异。为什么我的代码不起作用？

Answer 1

变化

this.setState = ({ 
     showBadTable: '0', 
    }) 

到

this.setState ({ 
     showBadTable: '0', 
    })