Задать вопрос

Как правильно очистить форму чтобы не всплывало сообщение о сохранении пароля?

Здравствуйте. Делаю простенькую форму для создания юзера, и столкнулся с проблемой. Пишу на React. Вот код:
<form
   id="user-form"
   autoComplete="off"
   noValidate>
     <div className="form-group">
        <div>
          <label>First Name:</label>
        </div>
        <TextField
          name="firstName"
          hintText="First name"
          value={this.state.firstName}
          onChange={this.handleChange} />
       </div>
       <div className="form-group">
         <div>
           <label>Last Name:</label>
         </div>
         <TextField
            name="lastName"
            hintText="Last name"
            value={this.state.lastName}
            onChange={this.handleChange} />
        </div>
        <div className="form-group">
          <div>
            <label>Password:</label>
          </div>
          <TextField
            type="password"
            name="password"
            hintText="Password"
            value={this.state.password}
            onChange={this.handleChange} />
        </div>
        <div className="form-group">
          <div>
            <label>Confirm Password:</label>
          </div>
          <TextField
            type="password"
            name="confirmPassword"
            hintText="Confirm password"
            value={this.state.confirmPassword}
            onChange={this.handleChange} />
        </div>
        <div className="form-footer">
          <button
            className="btn btn-outline-primary"
            type="submit"
            onSubmit={this.handleSubmit}>
            Save
          </button>
          <span className="button-devider"></span>
          <button
            className="btn btn-outline-danger"
            type="reset"
            onClick={this.handleReset}>
            Cancel
          </button>
        </div>
      </form>

Когда юзер хочет отменить создание происходит следящие событие:
handleReset(event) {
    this.setState(this.baseState);
    document.getElementById('affiliate-form').reset();

    // setTimeout(() => this.props.history.push('/users'), 0);
  }

После этого, если покинуть страницу, например в Safari появляться сообщение о сохранении пароля, хотя форма пустая и state тоже.
Может кто-то сталкивался с данной проблемой и знает как ее решить. Спасибо
  • Вопрос задан
  • 94 просмотра
Подписаться 3 Простой Комментировать
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы