@Vanyag

Как сделать так что бы после заполнения формы и нажатии на кнопку, оно переходило на логинизацию?

import { func } from "prop-types";
import React, { useState } from "react";
import {useDispatch} from 'react-redux';
import ReactDOM from 'react-dom';
import {useHistory} from 'react-router-dom'

// Заимпортировать операцию регистрации;
import Login from "./Login";

export default function Form() {
const [firstName, setFirstName] = useState("");
const [lastName, setLastName] = useState("");
const [phone, setPhone] = useState("");
const [submitted, setSubmitted] = useState(false);

const dispatch = useDispatch();



const onRegister = (user) => {
console.log("registered " + user);
};

const handleChange = (event) => {
const { value, name } = event.target;

console.log(event.target.value);
switch (name) {
case "firstname":
setFirstName(value);
return;
case "lastname":
setLastName(value);
return;
case "phone":
setPhone(value);
default:
console.warn("Проверьте пожалуйста input");
}
console.log(submitted);
};

const handleSubmit = (evt) => {
evt.preventDefault();

const user = {
firstName,
lastName,
phone,
};
console.log(user);
// dispatch(вызвать заимпортированую операцию и передать в нее юзера)

ReactDOM.render(, document.querySelector(".App"));
};

return (

handleSubmit(evt)}>
value={firstName}
name="firstname"
type="text"
onChange={(evt) => handleChange(evt)}
placeholder="Введите ваше имя"
required
/>
value={lastName}
name="lastname"
type="text"
onChange={(evt) => handleChange(evt)}
placeholder="Введите вашу фамилию"
required
/>
value={phone}
name="phone"
type="text"
onChange={(evt) => handleChange(evt)}
placeholder="Введите ваш номер "
/>
Дальше


);
}
  • Вопрос задан
  • 41 просмотр
Пригласить эксперта
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы