Показать предупреждение, когда пользователь перестает печатать в 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>
        );
      }
    }