Здравствуйте. Делаю простенькую форму для создания юзера, и столкнулся с проблемой. Пишу на 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 тоже.
Может кто-то сталкивался с данной проблемой и знает как ее решить. Спасибо