Диапазон дат React Native

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. Использование компонента функции, но большинство решений доступно с компонентом класса

Answer 1

Вы можете вызвать handleSubmit следующим образом onChang = {() => handleSubmit ()}

И параметр props не нужен в прототипе функции const handleSubmit = (props) => {} Поскольку props уже объявлен и вам не нужно устанавливать его как параметр. Если вы хотите использовать его в качестве параметра, вы должны изменить его следующим образом: onChange = {() => handleSubmit (props)}

Надеюсь, это вам поможет.