Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/414.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何将react hook表单与我的定制react日期选择器一起使用?_Javascript_Reactjs_React Hooks_React Datepicker_React Hook Form - Fatal编程技术网

Javascript 如何将react hook表单与我的定制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

我试图将react钩子表单与我的定制日期选择器一起使用,但我只看到这个示例(),它使用默认的react日期选择器

但是,它只适用于原始的反应日期选择器。 我用同样的方法尝试了我的定制日期选择器,但它不起作用

这是我定制的日期选择器:

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}
          />


非常感谢!现在我知道幕后发生了什么!!非常感谢!现在我知道幕后发生了什么!!