在将react-calendar值传递给另一个组件后获取该值

Question

当从我创建的Calendar组件传递到我创建的input组件时，我正在尝试获取react-calendar的值。日期过去了怎么拿到呢？这来自输入组件-

import React from "react";
import Calendar from "./Calendar";

function Input()
{
    return(
        <div >
        <Calendar />

这来自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的值保留在其父元素输入中。您可以不在子组件中而是在父组件中创建钩子，并将setter作为更改值回调的处理程序传递(关于Calendar read here中的onChange )。

const Input = () => {
    const [inputValue, setInputValue] = useState('')

    const handleInput = value => setInputValue(value)

    return (
        <Calendar onChange={handleInput} />
    )
}

const Calendar = ({onChange}) => (
    <Calendar1 onChange={onChange} />
)