小编arz*_*_25的帖子

如何解决错误:模块“react-hook-form”没有导出成员“useForm”

我想使用react-hook-form制作简单的登录页面

我收到此错误:

模块“react-hook-form”没有导出成员“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.log(data)

  return (
    <Box>
      <form onSubmit={handleSubmit(onSubmit)}>
        <TextField label="email" {...register("email")} />
        <TextField label="email" {...register("password")} />
      </form>
    </Box>
  )
}

export default Login
Run Code Online (Sandbox Code Playgroud)

这段代码给我以下错误

TS2305: Module '"react-hook-form"' has no exported member 'useForm'. …
Run Code Online (Sandbox Code Playgroud)

typescript reactjs react-hook-form

5
推荐指数
1
解决办法
7118
查看次数

标签 统计

react-hook-form ×1

reactjs ×1

typescript ×1