如何使用反应电子表格与反应挂钩形式?

Question

我想用react-spreadsheet和react-hook-form构建一个表单。不确定如何使用react-hook-form在Spreadsheet组件中定义表单模式。

Answer 1

react hook表单只是一个包装器，而不是const [value, setValue] = useState()和其他一些帮助器，它对您的组件没有任何作用，所以答案-与您使用任何其他输入构建表单相同，请查看控制器。表单中单个字段的代码示例:

<Controller
name="description"
control={control}
render={({ field: { ref, ...restFields }, fieldState }) => {
const element = <InputTextarea ref={ref} placeholder="Enter description" {...restField} />;
if (excludeLabel) {
return element;
}
return (
<LabelWrapper label="Description" className="col-8" error={fieldState.error}>
{element}
</LabelWrapper>
);
}}
/>

value、onChange和onBlur-在restFields扩散范围内