Reactjs 如何以react-hook形式获取独立受控组件的值？

我正在尝试从antd的日期选择器中获取所选的值。为了从antd的datepicker获取一个值，我使用了它，因为有人说我必须使用控制器

import React from "react";
import { DatePicker } from "antd";
import moment from "moment"; 

// The module moment.js is large, so I made it an independent component.
export default function InputDatePicker({ name, date, control }) {
  const dateFormat = "YYYY-MM-DD";
  const initialValue = undefined;
  return (
    // I tried to use the controller inside the InputDatePicker component, 
    // but it does not recognize the value.
    // <Controller
    //   as={<DatePicker format={dateFormat} />}
    //   name="installDate"
    //   type="date"
    //   control={control}
    // />
    <DatePicker name="installDate" format={dateFormat} />
  );
}

从“React”导入React；
从“antd”导入{DatePicker}；
从“时刻”中导入时刻；
//模块moment.js很大，所以我将其作为一个独立组件。
导出默认函数InputDatePicker（{name，date，control}）{
const dateFormat=“YYYY-MM-DD”；
常量initialValue=未定义；
返回(
//我试图在InputDatePicker组件中使用控制器，
//但它不承认这一价值。
// 
);
}

从“react hook form”导入{useForm，Controller}；
导出默认函数SubmitForm（）{
const{register，handleSubmit，control，watch}=useForm（）；
const onSubmit=（数据）=>{
控制台日志（数据）；
};
返回(
//输入其他组件只是接收和渲染值的组件。
提交
);
}

但是，即使选择了该值，也只会返回默认值“”。如何获取独立数据选择器组件的值？如果您能告诉我如何解决这个问题，我将不胜感激。

我不知道您使用了哪个组件，但我更喜欢以下方法： 步骤1：

npm install react-datepicker --save

步骤2：

import React，{useState}来自“React”；
从“反应日期选择器”导入日期选择器；
导入“react datepicker/dist/react datepicker.css”；
//CSS模块，react-datepicker-cssmodules.CSS
//导入'react datepicker/dist/react datepicker cssmodules.css'；
常量示例=（）=>{
const[startDate，setStartDate]=useState（新日期（））；
返回(
设置开始日期（日期）}/>
);
};谢谢你@yash sanghavi。我从你的代码中学到了东西，我的错误也得到了解决。感谢您包含代码。
npm install react-datepicker --save