React Native - 不变违规“RNDateTimePicker”

使用React Native开发应用程序的过程中，我们经常会遇到需要使用日期和时间选择器的场景。React Native提供了一些内置的组件来满足这些需求，其中一个非常流行的组件是RNDateTimePicker。然而，在使用RNDateTimePicker的过程中，我们可能会遇到不变违规的问题。本文将介绍如何解决这个问题，并提供一个案例代码来帮助读者更好地理解。

javascript
import React, { useState } from 'react';
import { View, Button } from 'react-native';
import RNDateTimePicker from '@react-native-community/datetimepicker';
const MyDateTimePicker = () => {
  const [showPicker, setShowPicker] = useState(false);
  const [date, setDate] = useState(new Date());
  const togglePicker = () => {
    setShowPicker(!showPicker);
  };
  const handleDateChange = (event, selectedDate) => {
    const currentDate = selectedDate || date;
    setShowPicker(false);
    setDate(currentDate);
  };
  return (
    
      
      {showPicker && (
                  key={Date.now()} // 设置唯一的key值
          value={date}
          mode="date"
          display="default"
          onChange={handleDateChange}
        />
      )}
    
  );
};
export default MyDateTimePicker;