React Hook表单:当我渲染一个TextField (materialUI)并提供Field: {onChange

Question

我确实遵循了他们的文档，并尝试了github上一篇文章中的代码。我已经安装了最新的版本。还是不行。所以frustateeeeeed。

const { control, handleSubmit } = useForm() 

这是我返回的组件:

<form onSubmit={handleSubmit(onSubmit)}>
<Controller
name="lastName"
control={control}
defaultValue=""
render={({ field, fieldState }) => (
<TextField
label="Last Name"
variant="filled"
value={field.value}
onChange={field.onChange}
error={!!fieldState.error}
helperText={fieldState.error ? fieldState.error.message : null}
/>
)}
rules={{ required: 'Last name required' }}
<Button type="submit" disabled={!stripe} buttonText="Pay"></Button>
</form>

它只是一直给错误那个字段。值,字段。fieldState onchange。错误是未定义的。我也尝试过解构。

Answer 1

下面是一个工作示例:https://codesandbox.io/s/ancient-worker-mdqx3

我建议也通过ref。