如何解决将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}
/>
);
}
}
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。