ios - React Native DatePickerIOS 旋转回旧日期

Question

我在 React native 中使用 DatePickerIOS 在 DatePickerIOS 的更改日期之后轮子旋转回旧日期但在警报中显示新日期。

我想设置新日期并删除 Wheel Rotate Back to old Date Issue。

import React, {Component} from 'react';
import {StyleSheet, View, DatePickerIOS, Text} from 'react-native';
import { StackNavigator } from 'react-navigation';

var moment = require('moment');

const DatePickerIOSExample = (props) => {

    state = {
        stateDate: new Date(),
    }

    changeDate = (date) => {
        this.setState = ({
            stateDate:date
        })
        alert(this.setState.stateDate);
    }

    const {navigate} = props.navigation;
    return(
        <View>
            <DatePickerIOS 
                date={this.state.stateDate} 
                onDateChange={this.changeDate.bind(this)} 
                mode="date" />

            <Text>{moment(this.state.stateDate).format('DD/MM/YYYY')}</Text>
        </View>
    );
}

export default DatePickerIOSExample;

Answer 1

您正在创建“setState”，而不是调用 setState。

正确的做法是:

changeDate = (date) => {
    this.setState({
        stateDate:date
    })
    alert(this.state.stateDate);
}

如您所见，我删除了“setState”之后的“=”，并且更改了警报内容“this.state.stateDate”(因此您正在访问状态)。

重要提示:请记住 setState 是异步的 ( https://medium.com/@wereHamster/beware-react-setstate-is-asynchronous-ce87ef1a9cf3 )