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

Question

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

Answer 1

This可以帮助你。

此类功能不是 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>
        );
      }
    }