亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

單擊更新狀態變量以顯示不同的組件

單擊更新狀態變量以顯示不同的組件

繁星coding 2022-05-26 14:20:39
我是 React 的新手,并嘗試根據狀態變量加載不同的組件。我希望我的處理程序動態地知道我正在更新哪個狀態變量。到目前為止,我明確地將狀態名稱作為字符串傳遞。狀態變量state = {        showLogin: false,        showHome: false    }處理方法handleShow = (element) => this.setState({ element: true });紐扣{  !this.props.isAuthenticated ? (    <Button      variant="outline-primary"      onClick={() => this.handleShow("showLogin")}    >      Login    </Button>  ) : (    <>      <Button        variant="outline-primary"        onClick={() => this.handleShow("showHome")}      >        Home      </Button>      <Button variant="outline-primary" onClick={this.authorizeUserMethod}>        LogOut      </Button>    </>  );}
查看完整描述

2 回答

?
躍然一笑

TA貢獻1826條經驗 獲得超6個贊

試試這個


handleShow = element => this.setState({

    ...this.state, 

    [element]: true

});


查看完整回答
反對 回復 2022-05-26
?
富國滬深

TA貢獻1790條經驗 獲得超9個贊

在您的處理程序方法中,您必須使用擴展運算符,這允許您創建狀態的克隆,從而連接一個新值。

處理方法

handleShow = (element) => this.setState({ ...this.state, [element]: true });


查看完整回答
反對 回復 2022-05-26
  • 2 回答
  • 0 關注
  • 187 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號