如何在狀態值上有條件地禁用React按鈕？

我已經添加了一個帶有一個輸入和一個保存按鈕的簡單表單。保存功能被調用並按預期工作。如何在狀態值上有條件地禁用React按鈕？

但我現在想一個布爾添加到禁用邏輯上的保存按鈕。所以在我目前的頁面中，我有一個叫做email的狀態，如果這個狀態爲空，我想禁用這個按鈕。

我曾嘗試如下，通過{!this.state.email}到按鈕的disabled屬性，但它不會禁用保存按鈕。與此相似example：

<Button primary={true} disabled={!this.state.email} onClick={this._onSave}>Save</Button>

我也記錄在_onBlur方法的價值，我可以看到電子郵件的狀態被填充。

問：

你怎麼可以綁定組件狀態按鈕關閉屬性？

這是我的電流分量的要點：

http://hastebin.com/jufahijoza.js

來源

2016-11-26 Brian J

你爲什麼要這樣使用狀態？你不應該那樣使用它。國家應該用於觀點。只需創建一個變量，並根據需要將其設置爲true或false。然後使用條件語句來檢查它是真是假。 –

並在if語句中禁用/啓用按鈕。 –

看看我一個解釋的意見。

_onBlur(event) { 
     //if(true or false) 
     // this.refs.myInputButton theres your button now disable/enable it with javascript 

this.props.setUserEmail(event.target.value); 
      console.log(this.state.email);  
     }

來源

2016-11-26 20:25:23

如何在狀態值上有條件地禁用React按鈕？

回答

相關問題