小编heg*_*nen的帖子

React-hook-form 控制器问题

您好,我正在尝试使用react-hook-form 和material-ui 制作一种形式。我不想每次都为所有文本字段编写控制器。因此,我在另一个文件中声明它并以我的表单调用它,但它不起作用,我不明白为什么,因为在我观看的一些视频中它起作用。有什么问题以及如何解决它?

表单字段

import React from 'react'
import { TextField, Grid } from '@material-ui/core'
import { useForm, Controller, useFormContext  } from 'react-hook-form'

const FormField = ({name, label}) => {
const { control } = useForm()

return (
    <Grid item xs={12} sm={6} >
        <Controller 
            render = {({field}) => 
            <TextField 
                {...field}        
                label={label} required
            />}
            name={name}
            control = {control}
            defaultValue=""
        />
    </Grid>
)
}


export default FormField
Run Code Online (Sandbox Code Playgroud)

地址表

import React from 'react'
import { InputLabel, Select, MenuItem, Button, Grid, Typography, TextField } …
Run Code Online (Sandbox Code Playgroud)

controller reactjs material-ui react-hooks react-hook-form

3
推荐指数
1
解决办法
6537
查看次数