单击按钮

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。 我在Stack Overflow上看了几个答案。我找不到我的代码和答案之间的差异。为什么我的代码不起作用？

Answer 1

更改

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

到

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