Saya mempunyai komponen dalam React dan melampirkan react-flatpicker untuk mendapatkan nilai tarikh. Walau bagaimanapun, selepas saya menggunakan useRef, ia menunjukkan nilai sebagai "mungkin batal", dan ya, selepasconsole.log, hasilnya adalah sama:
Ini adalah fungsinya:
const fp = useRef(null); function handleSubmitAgenda() { console.log(fp?.current?.value); }
Tolong beri saya inspirasi.
![[Web front-end] Permulaan pantas Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
Untuk mendapatkan nilai daripada komponen React Flatpickr apabila anda mengklik butang, anda perlu menggunakan
onChangeproperti yang disediakan oleh Flatpickr.Sila lihat pangkalan kod di bawah.
import { useState, useRef } from "react"; import Flatpickr from "react-flatpickr"; function YourComponent() { const [selectedDateTime, setSelectedDateTime] = useState(null); const fp = useRef(null); // 处理日期/时间选择变化的函数 const handleDateTimeChange = (selectedDates) => { setSelectedDateTime(selectedDates[0]); }; function handleSubmitAgenda() { console.log(selectedDateTime); // 当点击按钮时，这将记录所选的日期/时间 } return ( ); }Semoga ia membantu anda. Semoga berjaya.