Btukfyl

here is my code, i want to check password and repeat password same or not
how to do this in properly , using reactjs and redux, i am following this tutorial

 render() {

        const { registering  } = this.props;

        const { user, submitted } = this.state;

        return (

            <div className="col-md-6 col-md-offset-3">

                <h2>Register</h2>

                <form name="form" onSubmit={this.handleSubmit}>



                    <div className={'form-group' + (submitted && !user.password ? ' has-error' : '')}>

                        <label htmlFor="password">Password</label>

                        <input type="password" className="form-control" name="password" value={user.password} onChange={this.handleChange} />

                        {submitted && !user.password &&

                            <div className="help-block">Password is required</div>

                        }

                    </div>



                    <div className={'form-group' + (submitted && !user.repassword ? ' has-error' : '')}>

                        <label htmlFor="password">Repeat Password</label>

                        <input type="password" className="form-control" name="repassword" value={user.repassword} onChange={this.handleChange} />

                        {submitted && !user.repassword &&

                            <div className="help-block">Repeat Password is required</div>

                        }

                    </div>





                    <div className="form-group">

                        <button className="btn btn-primary">Register</button>

                        <Link to="/login" className="btn btn-link">Cancel</Link>

                    </div>

                </form>

            </div>

        );

    }

You can add this hint at the bottom of the repassword.

{submitted && !user.repassword &&

     <div className="help-block">Repeat Password is required</div>

}

{submitted && user.password && user.repassword && (user.password !== user.repassword) &&

     <div className="help-block">Password and repassword are not the same.</div> 

}

And add the conditional judgment in this.handleSubmit

if (user.repassword !== user.password){

    console.log('Password and repassword are not the same.')

}