Как вывести ошибку при подтверждение пароля?

Не могу реализовать подтверждение пароля при регистрации. Чтобы писала ошибка, ниже поле подтверждение пароля фразу типо пароль не совпадает
Пример реализации
import React, { Component } from 'react';
import Input, { InputLabel, InputAdornment } from 'material-ui/Input';
import { FormControl, FormHelperText } from 'material-ui/Form';
import TextField from 'material-ui/TextField';
import { Link } from 'react-router-dom';
import Button from 'material-ui/Button';

export default class Registration extends Component{
    constructor(props){
        super(props);
        this.state = {
            login: '',
            password: '',
            confirmPassword: '',
            email: '',
            errors: ''
        };
        this.handleSubmit = this.handleSubmit.bind(this);
        this.handleChange = this.handleChange.bind(this);
    }
...

    handleSubmit(e){
        e.preventDefault();
        if (this.state.password === this.state.confirmPassword){
            console.log(true);
        } else {
            console.log(false);
            this.state.errors = 'Пароль не совпадает'
        }
        console.log(this.state);
    }
    render(){
        return(
            <div className='registration'>
                <h1>Регистарация</h1>
                <form onSubmit={this.handleSubmit}>
                    ...
                    {this.state.errors ? this.state.errors : ''}
                    ...
                </form>
            </div>
        )
    }
}

Весь код https://codesandbox.io/s/03r78ljrj0
  • Вопрос задан
  • 1136 просмотров
Решения вопроса 1
@rusline18 Автор вопроса
Вместо this.state.errors = "Пароль не совпадает"; - this.setState({ errors: 'Пароль не совпадает' })
Ответ написан
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы