javascript - 为什么我输入的数据长度只有1个符号却是0？

Question

当我键入输入时，当我已经键入 1 个符号时，我的调试器将 e.target.value 显示为 0 长度。它可能是什么？提前致谢

handleChange(e) {
    this.setState({
      description: e.target.value,
    });
    if (this.state.description.length > 1) {
      const regex = /(^[a-zA-Z1-9]+[a-zA-Z1-9. ]+)$/;
      const match = regex.test(e.target.value);
      if (match !== false) {
         this.setState({
            validInput: true,
          });
      } else {
        this.setState({
          validInput: false,
        });
      }
    }
  }

Answer 1

由于 setState 以异步方式发生，我们需要在 setState 回调中检查 description 的有效性，如下所示:

handleChange(e) {
   this.setState({description: e.target.value}, function() {
      this.validateDescription();
   });
},
validateDescription() {
   // This should return same length as you type
   console.log(this.state.description.length)

   if (this.state.description.length > 1) {
      const regex = /(^[a-zA-Z1-9]+[a-zA-Z1-9. ]+)$/;
      const match = regex.test(e.target.value);
      if (match !== false) {
         this.setState({validInput: true});
      } else {
         this.setState({validInput: false});
      }
   }
},