Javascript 如何将react hook表单与我的定制react日期选择器一起使用?
我试图将react钩子表单与我的定制日期选择器一起使用,但我只看到这个示例(),它使用默认的react日期选择器 但是,它只适用于原始的反应日期选择器。 我用同样的方法尝试了我的定制日期选择器,但它不起作用 这是我定制的日期选择器:Javascript 如何将react hook表单与我的定制react日期选择器一起使用?,javascript,reactjs,react-hooks,react-datepicker,react-hook-form,Javascript,Reactjs,React Hooks,React Datepicker,React Hook Form,我试图将react钩子表单与我的定制日期选择器一起使用,但我只看到这个示例(),它使用默认的react日期选择器 但是,它只适用于原始的反应日期选择器。 我用同样的方法尝试了我的定制日期选择器,但它不起作用 这是我定制的日期选择器: import React,{useState}来自“React”; 从“react datepicker”导入react datepicker; 从“日期fns/locale/zh tw”导入tw; 导入“react datepicker/dist/react d
import React,{useState}来自“React”;
从“react datepicker”导入react datepicker;
从“日期fns/locale/zh tw”导入tw;
导入“react datepicker/dist/react datepicker.css”;
const DatePicker=props=>{
const[date,setDate]=使用状态(“”);
返回(
设置日期(日期)}
语言环境={tw}
dateFormat=“yyyy/MM/dd”
dateFormatCalendar=“yyyy年 嗯月"
易懂
/>
)
};
导出默认日期选择器;
自定义表单控件当前不提供从组件外部控制它的任何道具。对于实际使用该组件的人,必须选择和onChange
字段才能从中提取值(反应日期选取器有这些道具,因此可以工作)
默认情况下,Controller
有一个onChange
,它从传递给它的事件中读取,这就是为什么在下面的示例中忽略它的原因:
<Controller as={TextField} name="TextField" control={control} defaultValue="" />
在控制器上
:
<Controller
as={DatePicker}
control={control}
valueName="selected"
name="birthday"
onChange={(date) => date};
/>
date};
/>
定制表单控件目前不提供任何从组件外部控制它的道具。对于实际使用该组件的人来说,它必须同时选择和onChange
字段以从中提取值(反应日期选择器
具有这些道具,因此有效)
默认情况下,Controller
有一个onChange
,它从传递给它的事件中读取,这就是为什么在下面的示例中忽略它的原因:
<Controller as={TextField} name="TextField" control={control} defaultValue="" />
在控制器上
:
<Controller
as={DatePicker}
control={control}
valueName="selected"
name="birthday"
onChange={(date) => date};
/>
date};
/>
另外,最好通过传递onChangeName=“onChangeDates”
来传递值
<ControllerWrapper
as={
<DatePicker
error={has(formErrors, fieldsConfiguration.datePicker.name)}
/>
}
rules={fieldsConfiguration.datePicker.rules}
name={fieldsConfiguration.datePicker.name}
onChangeName="onChangeDates"
onChange={dateRangePickerSelector}
/>
另外,最好通过传递onChangeName=“onChangeDates”
来传递值
<ControllerWrapper
as={
<DatePicker
error={has(formErrors, fieldsConfiguration.datePicker.name)}
/>
}
rules={fieldsConfiguration.datePicker.rules}
name={fieldsConfiguration.datePicker.name}
onChangeName="onChangeDates"
onChange={dateRangePickerSelector}
/>
非常感谢!现在我知道幕后发生了什么!!非常感谢!现在我知道幕后发生了什么!!