undefined 不是一个对象（评估'_this.props.date.getFullYear'）

Question

我遇到了这样的错误：

这些是我的代码

export default class StarView extends Component{
static propTypes = {
    date : React.PropTypes.instanceOf(Date)
}
constructor(props){
    super(props);
    this.state = {
        selectedYear: this.props.date.getFullYear(),
        selectedMonth: this.props.date.getMonth(),
        selectedDate: this.props.date.getDate(),
        yesterdayYear : new Date(this.props.date.getTime() - 24 * 3600 * 1000).getFullYear(),
        yesterdayMonth: new Date(this.props.date.getTime() - 24 * 3600 * 1000).getMonth(),
        yesterdatDate : new Date(this.props.date.getTime() - 24 * 3600 * 1000).getDate(),
        tomorrowYear : new Date(this.props.date.getTime() + 24 * 3600 *1000).getFullYear(),
        tomorrowMonth : new Date(this.props.date.getTime() + 24 * 3600 *1000).getMonth(),
        tomorrowDate : new Date(this.props.date.getTime() + 24 * 3600 *1000).getDate()
    }
}}

我想从 this.props.date 获取默认数据，但我不知道我得到错误的原因

Answer 1

您已定义propTypes but not defaultProps。据我了解，您想要的是道具 date 的默认值。在这种情况下，defaultProps 是您需要定义的。这是一个例子：

export default class StarView extends Component{
    static propTypes = {
        date: React.PropTypes.instanceOf(Date)
    }
    static defaultProps = {
        date: new Date()
    }
    constructor(props){
        super(props);
        this.state = {
            selectedYear: this.props.date.getFullYear(),
            selectedMonth: this.props.date.getMonth(),
            selectedDate: this.props.date.getDate(),
            yesterdayYear: new Date(this.props.date.getTime() - 24 * 3600 * 1000).getFullYear(),
            yesterdayMonth: new Date(this.props.date.getTime() - 24 * 3600 * 1000).getMonth(),
            yesterdatDate: new Date(this.props.date.getTime() - 24 * 3600 * 1000).getDate(),
            tomorrowYear: new Date(this.props.date.getTime() + 24 * 3600 *1000).getFullYear(),
            tomorrowMonth: new Date(this.props.date.getTime() + 24 * 3600 *1000).getMonth(),
            tomorrowDate: new Date(this.props.date.getTime() + 24 * 3600 *1000).getDate()
        }
    }
}

undefined 不是一个对象（评估'_this.props.date.getFullYear'）

undefined is not an object (evaluating '_this.props.date.getFullYear')

reactjs

react-native

react-native-ios