反应本机日期范围

Question

import React, {useState} from "react";
import { StyleSheet, View, Text } from "react-native";
import { globalStyles } from "../styles/global";
import {Calendar, CalendarList, Agenda} from 'react-native-calendars';
import {LocaleConfig} from 'react-native-calendars';
import  moment  from  "moment";
import DateRangePicker from "react-native-daterange-picker";

export default function About(){
    const [endDate, setendDate] = useState(null)
    const [startDate, setstartDate] = useState(null)
    const [displayedDate, setdisplayedDate] = useState(moment())

    state = {
        endDate: null,
        startDate: null,
        displayedDate: moment()
    };

    const handleSubmit = (props) => {

        console.log(props);
        setendDate(props.endDate);
        setstartDate(props.startDate);
        setdisplayedDate(props.displayedDate);
        // console.log(props.startDate);
        // console.log(props.displayedDate);
    }

    return(
        <View style={globalStyles.container}>

        <DateRangePicker
          onChange={ handleSubmit }
          endDate={endDate}
          startDate={startDate}
          displayedDate={displayedDate}
          range>
          <Text>Click me!</Text>
          </DateRangePicker>

        </View>
    )
}

1。无法选择日期范围。 2. undefined不是对象（正在评估displayDate.format） 3.使用函数组件，但大多数解决方案可与类组件一起使用