当用户停止在 ReactJS 中输入时显示警报

Question

当用户停止在表单字段中输入时，我想在 ReactJS 中显示一条警报消息。

Answer 1

这可以帮助你。

这种特性不是 React 特有的，所以你可以用 JS 以多种方式实现它。

简单组件：

    class App extends Component {
      typingTimer = null;

     handleChange = (evt) => {
       const val = evt.target.value;
       clearTimeout(this.typingTimer);
       this.typingTimer = setTimeout(() => {
        if (val) {
          window.alert('Stopped typing !');
        }
       }, 500);
     }
     componentWillUnmount() {
       clearTimeout(this.typingTimer);
     }
      render() {
        return (
          <div>
            <input onChange={this.handleChange} /> 
          </div>
        );
      }
    }