Я хочу сделать простую страницу входа в систему, используя форму реакции-хука.
Я получаю эту ошибку:
Module '"react-hook-form"' has no exported member 'useForm'
import React from 'react';
import { Box, TextField } from '@mui/material';
import { SubmitHandler, useForm } from 'react-hook-form';
type InputForm = {
email: string,
password: string
}
const Login = () => {
const { register, handleSubmit } = useForm<InputForm>();
const onSubmit: SubmitHandler<InputForm> = (data: any) => console.info(data)
return (
<Box>
<form onSubmit = {handleSubmit(onSubmit)}>
<TextField label = "email" {...register("email")} />
<TextField label = "email" {...register("password")} />
</form>
</Box>
)
}
export default Login
этот код дает мне следующую ошибку
TS2305: Module '"react-hook-form"' has no exported member 'useForm'.
1 | import React from 'react';
2 | import { Box, TextField } from '@mui/material';
> 3 | import { SubmitHandler, useForm } from 'react-hook-form';
| ^^^^^^^
но когда я использую простой файл js, он работает нормально
версия машинописного текста, которую вы используете в своем проекте, может быть источником ошибки, поскольку react-hook-form
сказал:
Important: Typescript ^4.3 above is the recommended version to work with react hook form. https://react-hook-form.com/ts/
здесь я попробовал ваш код, и он не показывает эту ошибку https://codesandbox.io/s/compassionate-sea-z5sx9u?file=/src/App.tsx
вы можете посмотреть версии, используемые в package.json
https://codesandbox.io/s/compassionate-sea-z5sx9u?file=/package.json
спасибо, поменяй версию и исправь проблему
рада за вас, удачи :)
какую версию машинописного текста вы используете в своем проекте, пожалуйста?