錯誤：空不是一個對象

Question

我想這個組件react-native-calendar

它總是給人錯誤null is not an object (evaluating this.state.date)

我試圖初始化狀態變量命名的狀態併爲它指定的日期值，但錯誤依然存在。

var Calendar = require('react-native-calendar-component'); 

export default class proj extends Component { 

constructor(props) { 
super(props); 
this.state = { 
date: new Date() 
}; 
} 

render() { 
return (
<Calendar 
date={this.state.date} 
onPrevButtonPress={() => this.handlePrevButtonPress()} 
onNextButtonPress={() => this.handleNextButtonPress()} 
onDateSelect={(date) => this.handleDateSelect(date)} /> 
); 
} 
} 

Answer 1

您正在錯誤地導入日曆組件。

試試這個：

import Calendar from 'react-native-calendar-component';