React не обновляет состояния при использовании формы-реакции

Question

Я использую формы-реакции для проверки правильности моих полей ввода. Проблема в том, что я не могу обновить состояния. Я следовал примеру на странице формы github, и проверка работала, но проблема в том, что состояния неверны. Они всегда на шаг (или несколько) позади, и я не уверен, почему...

Я использовал обратный вызов на setState функция для реализации некоторой пользовательской логики при проверке, и эта часть не работает должным образом.

У меня есть ситуация, когда пользователь вводит электронную почту. После того, как пользователь вводит письмо, я проверяю, зарегистрирован ли он уже. Если пользователь уже находится в системе, я создаю новый компонент ввода (тип пароля), а если нет, я создаю новый компонент "тип ввода электронной почты".

Поскольку все элементы формы являются обязательными, я добавил еще одну проверку, которая проверяет, добавлен ли новый пароль или компонент электронной почты и есть ли какие-либо данные.

Для обновления состояний я использовал вызов API форм с помощью onChange(), и эта часть не работает по неизвестной причине.

Кто-то знает, где проблема?

Это код, который я использую:

Компонентный ввод (сокращенная версия)

changeValue(event) {

    this.setValue(event.currentTarget.value);

},
render() {

    // Set a specific className based on the validation
    // state of this component. showRequired() is true
    // when the value is empty and the required prop is
    // passed to the input. showError() is true when the
    // value typed is invalid
    const className = (this.props.className || "col-md-4" );
    const classValidationName =this.isValid() ? 'valid' : this.showError() ? ' invalid' : null;

    // An error message is returned ONLY if the component is invalid
    // or the server has returned an error message
    const errorMessage = this.getErrorMessage();

    return (
        <div className= {className}>
            <div className="md-form">
                <span className="prefix"><i className={this.props.icon}></i></span>
                <input
                    className={classValidationName}
                    name={this.props.name}
                    id={this.props.id}
                    type={this.props.inputType}
                    value={this.getValue() || ""}
                    onChange={this.changeValue}
                    onBlur={this.props.controlFuncOnBlur}
                    placeholder={this.props.placeholder}
                    required={this.props.required}
                    pattern={this.props.pattern}
                />
                <label id={this.props.name + 'Label'} htmlFor={this.props.name} data-error={errorMessage}
                       data-success={this.props.successMessage}>{this.props.title}
                </label>
            </div>
        </div>
    );
}

Контейнер (укороченная версия)

handleEmailBlur(event) {
    const self = this;

    if (this.refs.email.isValid) {
        axios.get('/api/checkIsUserRegistrated', {
            params: {
                email: this.state.email
            }
        })
            .then(function (response) {
                if (self.state.userExist !== response.data[0].userExist) {
                    self.setState({
                        userExist: response.data[0].userExist,
                        confirmEmail: "",
                        password: ""

                    });
                    self.forceUpdate();
                }

            })
            .catch(function (error) {
                console.log(error);
            });
    }
}

enableButton = () => {

    this.setState({
        formValid: true
    });
}

disableButton = () => {
    this.setState({
        formValid: false
    });
}
saveCurrentValuesToStates = (getCurrentValues, isChanged) => {
    console.log(this);
    this.setState(getCurrentValues, ()=> {
        if (this.state.formValid && (this.state.password || this.state.confirmEmail)){
            this.setState({
                canSubmitForm: true
            });
        }
        else{
            this.setState({
                canSubmitForm: false
            });
        }
    });
}

 <Formsy.Form className="booker-form" ref="form"
   onChange={this.saveCurrentValuesToStates} onValid={this.enableButton} onInvalid={this.disableButton}>

                            <SingleInput
                            inputType={'email'}
                            icon={'icon-Email'}
                            id={'email'}
                            name={'email'}
                            title={'E-mail'}
                            ref="email"
                            controlFuncOnBlur={this.handleEmailBlur}
                            content={this.state.email}
                            errorMessage={'Incorect E-Mail address'}
                            required
                            validations="isEmail"
                            validationError="This is not a valid email"
                        />
                        {(this.state.userExist === '0') ?
                            <SingleInput
                                inputType={'email'}
                                icon={'icon-Email'}
                                id={'confirmEmail'}
                                name={'confirmEmail'}
                                title={'Confirm your E-mail'}
                                content={this.state.confirmEmail}
                                required
                                validations="equalsField:email"
                                validationError="Emails don't match"

                            />
                            : null}
                        {(this.state.userExist === '1') ?
                            <SingleInput
                                inputType={'password'}
                                icon={'icon-Padlock'}
                                id={'password'}
                                name={'password'}
                                title={'Enter your password'}
                                content={this.state.password}
                                required

                            />
                            : null}