javascript - 如果输入字符串有空格，则防止状态更新

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
    });
  }
}

这会将 trim 后的输入与 q 的现有状态进行比较。如果它们相等，则什么也不会发生。否则，更新状态。

我将字符串的 trim 结果存储在一个变量中，否则我需要 trim() 两次......无论它值多少钱。