reg.js 1.0 KB

12345678910111213141516171819202122232425262728293031323334
  1. import { connect } from "react-redux";
  2. import { useState} from "react";
  3. import { actionFullRegister } from "../actions";
  4. import { Redirect } from "react-router-dom";
  5. const Reg = ({ onReg }) => {
  6. const [login, setLogin] = useState("");
  7. const [password, setPassword] = useState("");
  8. //надо тип инпуту
  9. //надо проверку на пустоту инпутов и запрет кнопки (disabled)
  10. //надо при кнопке отправить в onLogin login и пароль. onLogin - это функция-колбэк
  11. return (
  12. <>
  13. <input value={login} onChange={(e) => setLogin(e.target.value)} />
  14. <input
  15. type="password"
  16. value={password}
  17. onChange={(e) => setPassword(e.target.value)}
  18. />
  19. <button
  20. onClick={() => onReg(login, password)}
  21. disabled={!login || !password}
  22. >
  23. Sign in
  24. </button>
  25. </>
  26. );
  27. };
  28. const RegForm = connect(null, {onReg: actionFullRegister})(Reg)
  29. export default RegForm