在使用react-date-range的Calendar组件时如何解决错误

Question

I am working with Calendar component of react-date-range but I have seen following error.

This is simple code I using.

    import React, { Component } from 'react';
    import { Platform, StyleSheet, Text, View } from 'react-native';
    import { Calendar } from 'react-date-range';

    export default class App extends Component {
      handeeSelect(date) {
        console.log(date);
      }
      render() {
        return (
          <View>
            <Calendar
              onInit={this.handeeSelect}
              onChange={this.handeeSelect}
            />
          </View>
        );
      }
    }

How to fix it?

Answer 1

Edit: As mentioned in the comments, the issue revolved around the library in use. Either the linking to the Native code or the library was causing compatibility issues. Be sure to link libraries you add to native code when adding new ones.

I think you need to wrap the calendar component in a div because React-Native View is weird and needs a child element.

import React, { Component } from 'react';
import { Platform, StyleSheet, Text, View } from 'react-native';
import { Calendar } from 'react-date-range';



   export default class App extends Component {
  handeeSelect(date) {
    console.log(date);
  }

  render() {
    return (
      <View>
        <div>
          <Calendar onInit={this.handeeSelect} onChange={this.handeeSelect} />
        </div>
      </View>
    );
  }
}