Не рендерится компонент React?

Question

[Остап]

Всем привет. Прошу помочь. При сабмите в случае тройного неравенства надо очищать один из инпутов. А он почему-то не очищается(((

state = {
        new: '',
        confirm: '',
        error: false
    };
  onChange = (e) => {
        this.setState({
            new: e.target.value
        })
    };
    onChangeConf = (e) => {
        this.setState({
            confirm: e.target.value
        })
    };
    onSubmit = (e) => {
        e.preventDefault();
        console.log(this.state);
        if (this.state.new === this.state.confirm) {
            console.log('confirm!')
        } else {
            this.setState({
                new: this.state.new,
                confirm: '',
                error: true
            });
            console.log('else')
        }
    };

сами инпуты:

<Box mb={2}>
                        <StyledInputFrameB type='text'
                                           label='New password'
                                           required={true}
                                           onChange={this.onChange}
                                           value={this.state.new}/>
                    </Box>
                    <Box mb={4}>
                        <StyledInputFrameB type='text'
                                           label='Confirm new password'
                                           required={true}
                                           onChange={this.onChangeConf}
                                           value={this.state.confirm}
                            // error={error}
                            // helperText={error ? 'Error! Wrong data' : ''}
                        />

                    </Box>

Comments

[Kataev]

А 'else' в консоль выводится, так?

[Robur]

StyledInputFrameB

Сначала замените на стандартный инпут и посмотрите сохранится ли ошибка. Если будет все работать - проблема внутри этого инпута.

[Остап]

Robur, Спасибо большое! Инпут стилизовал, но забыл передать value в сам компонент.