Задать вопрос

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

Не могу реализовать подтверждение пароля при регистрации. Чтобы писала ошибка, ниже поле подтверждение пароля фразу типо пароль не совпадает
Пример реализации
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
  • Вопрос задан
  • 1245 просмотров
Подписаться 1 Средний Комментировать
Помогут разобраться в теме Все курсы
  • Яндекс Практикум
    Мидл фронтенд-разработчик
    5 месяцев
    Далее
  • Яндекс Практикум
    React-разработчик
    3 месяца
    Далее
  • Яндекс Практикум
    Фронтенд-разработчик
    10 месяцев
    Далее
Решения вопроса 1
@rusline18 Автор вопроса
Вместо this.state.errors = "Пароль не совпадает"; - this.setState({ errors: 'Пароль не совпадает' })
Ответ написан
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

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

Похожие вопросы
ITK academy Нижний Новгород
от 80 000 до 120 000 ₽
ITK academy Воронеж
от 50 000 до 90 000 ₽