Проверка формы с помощью preventDefault () Bootstrap + React - PullRequest
Новая
       99

Проверка формы с помощью preventDefault () Bootstrap + React

0 голосов
/ 08 мая 2020

В настоящее время я работаю над приложением React, где я также использую Bootstrap (Reactstrap). Теперь у меня есть форма входа в систему, в которой я пометил имя пользователя и пароль по мере необходимости, поэтому есть простая проверка формы. Но поскольку это реакция, я должен использовать preventDefault(), потому что я хочу сделать собственный запрос на публикацию и управление состоянием. Это создает проблему, потому что с preventDefault() проверка из Bootstrap больше не работает.

Может ли кто-нибудь помочь мне или исправить меня, если у меня здесь есть ошибка? 

<form onSubmit={this.login}>
    <div id="login_form" className="min-vh-100 d-flex justify-content-center align-items-center flex-column">
        <label>Username</label>
        <input type="text" required onChange={this.handleUsernameChange} className="input-primary" /><br />
        <label>Password</label>
        <input type="password" required onChange={this.handlePasswordChange} className="input-primary" /><br />
        <button class="btn" type="submit" onClick={this.login} className="bg-color-primary button-primary">Login</button>
    </div>
</form>
-----------
login = (e) => {
        e.preventDefault()
        ...
        ...
}
...