反应日期选择器错误

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";
import DayPicker, { DateUtils } from 'react-day-picker';


export default function About(props = {}){

   const [selectedDays, setSelectedDays] = useState([]);

    function handleDayClick(day, {selected} ) {

        if (selected) {
          const selectedIndex = selectedDays.findIndex(selectedDay =>
            DateUtils.isSameDay(selectedDay, day)
          );
          selectedDays.splice(selectedIndex, 1);
        } else {
          selectedDays.push(day);
        }
        setSelectedDays( selectedDays );
      }

    return(

        <View style={globalStyles.container}>
             <DayPicker
              selectedDays={ selectedDays}
              onDayClick={handleDayClick}
            />


        </View>
    )
}

我已经安装

npm install react-day-picker --save

npm install style-loader css-loader --save-dev

我遵循了https://react-day-picker.js.org/中提到的所有步骤 但收到此语法错误... 我不知道此错误。.请帮助

Answer 1

这是因为该库用于Web的React.js。该库不支持React Native。您需要找到一些库来响应本机