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

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',
    })

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

Show or hide the element or component by clicking a button

reactjs

material-ui