123456789101112131415161718192021222324252627282930313233343536373839404142434445 |
- import React, { useState } from "react";
- import "./LoginReg.css";
- export const FormReg = ({ FormReg }) => {
- const [login, setLogin] = useState("");
- const [password, setPassword] = useState("");
- const [passwordValid, setPasswordValid] = useState("");
- return (
- <div className='login'>
- <h3>Registration</h3>
- <input
- className='u'
- type='login'
- placeholder='Username'
- value={login}
- onChange={e => setLogin(e.target.value)}
- />
- <input
- className='p'
- type='password'
- placeholder='Password'
- value={password}
- onChange={e => setPassword(e.target.value)}
- />
- <input
- className='p'
- type='password'
- placeholder='RepeatYourPassword'
- value={passwordValid}
- onChange={e => setPasswordValid(e.target.value)}
- />
- <button
- type='submit'
- className='btn btn-primary btn-block btn-large'
- disabled={!login || !password || password !== passwordValid}
- onClick={() => FormReg(login, password)}
- >
- Remember me.{" "}
- </button>
- <button className='main_page'>
- <a href='/'>Main page</a>
- </button>
- </div>
- );
- };
|