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

我无法通过单击按钮更改

状态

下面是我的代码：

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>
    );
  }

changeAllFun=（）=>{
this.setState=({
showBadTable:'1'，
})
}
changeBadFun=（）=>{
this.setState=({
showBadTable:“0”，
})
}
建造师（道具）{
超级（道具）；
此.state={
showBadTable:'1'，
}
}
render（）{
返回(
全部还是坏的
{（this.state.showBadTable='0'）？（全部）：（坏）}
{this.state.showBadTable}
);
}

此.state.showBadTable
始终为
1
。
我已经找到了一些关于堆栈溢出的答案。我找不到我的代码和答案之间的差异。为什么我的代码不起作用
 变化

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

到

将
this.setState=（{
更改为
this.setState（{
 this.setState ({
      showBadTable: '0',
    })