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

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

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

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

Похожие вопросы