Тип кнопки Отправить не запускать функцию onsubmit в React.js ⇐ Javascript

[Anonymous]

Я пытаюсь отправить значения формы. Я определил начальные значения и использовал контролируемый вход. Когда я нажимаю на кнопку регистрации, он не запускается. Нажав кнопку «Отправить», действий не запускается. Я попытался использовать явную функцию OnClick, но она только запускает событие, а не значения. Здесь я использую React с пользовательским интерфейсом и формами для материала для проверки формы обработки и отправки. < /P>
const Register = () => {
const { palette } = useTheme();
const dispatch = useDispatch();
const navigate = useNavigate();
const isNonMobile = useMediaQuery("(min-width:600px)");

const register = async (values, onSubmitProps) => {
// this allows us to send form info with image
const formData = new FormData();
for (let value in values) {
formData.append(value, values[value]);
}
formData.append("picturePath", values.picture.name);

const savedUserResponse = await fetch(
"http://localhost:3001/auth/register",
{
method: "POST",
body: formData,
}
);
const savedUser = await savedUserResponse.json();
console.log("saved User : ", savedUser);

onSubmitProps.resetForm();

// if (savedUser) {
// setPageType("login");
// }

navigate("/");
};

const handleFormSubmit = async (values, onSubmitProps) => {
console.log("Register handler: ", values);
return await register(values, onSubmitProps);
};

return (

{({
values,
errors,
touched,
handleBlur,
handleChange,
handleSubmit,
setFieldValue,
resetForm,
}) => (







{/* BUTTONS */}


REGISTER


Already have an account? Login here.




)}

);
};

export default Register;


Подробнее здесь: https://stackoverflow.com/questions/793 ... n-react-js