Javascript 将useState值从一个组件导出到另一个组件时出现问题

我想将我在datepicker上选择的值从app.js传递到数据库，但它传递了一个空值，因为实际值在datepicker.js中称为selectedDate。我试图将其传递给app.js，但没有成功。有什么建议吗

import React, {useState} from 'react';
import DatePicker from 'react-datepicker';
import 'react-datepicker/dist/react-datepicker.css';

function DateInput(){
  const [selectedDate, setSelectedDate] = useState(null);
  const tomorrow = new Date()
  tomorrow.setDate(new Date().getDate() + 2)
  
  return  (
       
    <DatePicker selected={selectedDate} onChange={date => setSelectedDate(date)}
      dateFormat ="dd-MM-yyyy"
      onSelect={console.log({selectedDate})}
      minDate= {tomorrow}
      filterDate= {date=> date.getDay()!==0 && date.getDay()!==1 }
    />
  );
}
export default DateInput;






import React from 'react';
import DateInput from './datepicker';
class App extends Component {
 render() {
    return (
<DateInput 
  name="date"
  onChange={this.handleChange}
/>
);
}
}

import React，{useState}来自“React”；
从“react DatePicker”导入日期选择器；
导入'react datepicker/dist/react datepicker.css'；
函数DateInput（）{
常量[selectedDate，setSelectedDate]=useState（null）；
const明天=新日期（）
明天.setDate（新日期（）.getDate（）+2）
返回(
设置选定日期（日期）}
dateFormat=“dd-MM-yyyy”
onSelect={console.log（{selectedDate}）}
minDate={明天}
filterDate={date=>date.getDay（）！==0&&date.getDay（）！==1}
/>
);
}
导出默认日期输入；
从“React”导入React；
从“/datepicker”导入日期输入；
类应用程序扩展组件{
render（）{
返回(
);
}
}