單擊按鈕顯示或隱藏元素或組件

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