如果輸入字符串有空格，防止狀態更新

Question

我的代碼在下面有什麼問題？基本上我不想在用戶在開頭或結尾輸入額外空間時更新我的​​狀態。

handleSearchQuery = (e) = { 
    if(e.target.value.trim() != "") { 
    this.setState({ 
     q: e.target.value 
    }); 
    } 
} 

Answer 1

第一個錯誤似乎是您在您的箭頭功能中忘記了>。更改第一行：

handleSearchQuery = (e) => { 

---

無論如何，這是我會怎麼寫全功能：

handleSearchQuery = (e) => { 
    let str = e.target.value.trim(); 
    if(str != this.state.q) { 
    this.setState({ 
     q: str 
    }); 
    } 
} 

這修剪輸入比較的q現有狀態。如果他們是平等的，沒有任何反應。否則，更新狀態。

我將字符串的修剪後的結果存儲在一個變量中，因爲我會另外需要trim()兩次......無論什麼值得。

Answer 2

handleSearchQuery = (e) => { 
    if(e.target.value.trim() != this.state.q) { 
    this.setState({ 
     q: e.target.value 
    }); 
    } 
}