将react日历值传递给另一个组件后，即可获取该值

Question

当react日历从我创建的日历组件传递到我创建的输入组件时，我试图获得它的值。一旦日期过去了，我怎么能得到它？这来自输入组件-

import React from "react";
import Calendar from "./Calendar";
function Input()
{
return(
<div >
<Calendar />

这是来自日历组件-

import React, {useState} from "react";
import Calendar1 from "react-calendar";

function Calendar()
{
const [value, onChange] = useState(new Date());


return(

<div class="d-flex justify-content-center">
<Calendar1 
onChange={onChange}
value={value}
/> 


</div>
);
}
export default Calendar;

Answer 1

据我所知，您希望将Calendar的值保留在其父元素Input中。您可以不在子组件中而是在父组件中创建钩子，并将setter作为更改值回调的处理程序(关于日历中的onChange，请阅读此处(。

const Input = () => {
const [inputValue, setInputValue] = useState('')
const handleInput = value => setInputValue(value)
return (
<Calendar onChange={handleInput} />
)
}
const Calendar = ({onChange}) => (
<Calendar1 onChange={onChange} />
)