这是分别从 firebase 发送和接收数据的代码。

class Fire {
    addAppointment(currentDate, addComplete) {
            firebase.firestore()
                .collection("appointment")
                .add({
                    date: currentDate.date,
                    createdAt: firebase.firestore.FieldValue.serverTimestamp()
                }).then((snapshot) => snapshot.get())
                .then((dateInfo) => addComplete(dateInfo.data()))
                .catch((error) => alert(error));
        }

        getAppointment = async ({ dateRetreived }) => {
            var dateList = [];

            var snapshot = await firebase.firestore()
                .collection("appointment")
                .orderBy('createdAt')
                .get()

            snapshot.forEach((doc) => {
                const dateCreated = doc.data();
                dateCreated.id = doc.id;
                dateList.push(dateCreated);
            });

            dateRetreived(dateList);
        }
}

Fire.shared = new Fire();
export default Fire;

这是将“currentDate”发送到上面代码的 datetimepicker 代码。请注意，onChange 已更改为 handleChange。

class Booking extends Component {
    state = {
        isDatePickerVisible: false,
        date: new Date(),

    };

    showDateTimePicker = () => {
        this.setState({
            isDatePickerVisible: true
        })
    }

    hideDateTimePicker = () => {
        this.setState({
            isDatePickerVisible: false
        })
    }

    handleChange = (event, selectedDate) => {
        const currentDate = selectedDate || date;
        this.setState(prevState => ({
            currentDate: prevState.currentDate = currentDate
          }));
      };


    render() {
        return (
            <View>

                <View style={styles.picker}>
                    <Button
                        title="Show Date Picker" onPress={this.showDateTimePicker}
                    />
                    <DateTimePicker
                        cancelTextIOS={'Exit'}
                        confirmTextIOS={'OK'}
                        isVisible={this.state.isDatePickerVisible}
                        mode="date"
                        onConfirm={this.handleChange}
                        onCancel={this.hideDateTimePicker} 
                        is24Hour={false} 
                    />
                </View>

                <View style={styles.btn} >
                    <Button
                        onPress={() =>
                            Fire.shared.addAppointment(this.handleChange)
                        }
                        title="Book"
                    />
                </View>
            </View>

        )
    };
};

export default Booking;

我收到一条错误消息：

FirebaseError: function documentReference.set() called with invalid data. unsupported field value: undefined (found in field date)

我对代码做了一些更改：

addAppointment(currentDate, addComplete) {
        firebase.firestore()
            .collection("appointment")
            .add({
                date: firebase.firestore.Timestamp.fromDate(new Date(currentDate)),
             ...
    }  

AND On state:

   state = {
            isDatePickerVisible: false,
            Date: new Date(1598051730000),

        };

On processing change

  handleChange = (event, selectedDate) => {
            const currentDate = selectedDate || Date;
            this.setState(prevState => ({
                currentDate: prevState.currentDate = currentDate
              }));
          };

On DateTimePicker

onConfirm={this.handleChange}

On Book button

<Button onPress={() => {Fire.shared.addAppointment(this.handleChange)}}
                        title="Book"
                    />

选择日期后，我没有收到 ReferenceError: date is not defined 。当我按下 BOOK 时，没有发生任何错误，Cloud Firestore 中也没有显示任何数据。