React Native中DateTimePicker报不可作为原生方法参数错误

报错直接指向传给RNDateTimePicker原生端的date参数非法，从错误日志里的"date":"<>"可以确认，你绑定到value属性的date状态初始值不是合法的Date对象/毫秒时间戳，原生层无法解析这个参数，直接抛出了类型不匹配的错误。
你之前尝试传moment格式化后的日期字符串是错误写法，这个组件的时间相关属性（value/minimumDate/maximumDate）只接受合法Date实例或者数字类型的毫秒时间戳，任何字符串格式的日期值都会触发同类报错。

1. 修正date状态的初始化逻辑，必须默认赋值合法Date实例，禁止初始化为undefined/null/空字符串/格式化日期字符串

// 错误写法：const [date, setDate] = useState() 或者初始值传空串、非法值
// 正确写法，默认值可以按业务需求改，比如默认给当前日期，或者固定的初始生日值
const [date, setDate] = useState(new Date());
const [show, setShow] = useState(false);
const [mode, setMode] = useState('date');

如果是打开页面后异步拉取用户已保存的生日资料，拉取完成前也要用默认Date值兜底，不要在date值非法的时候渲染DateTimePicker组件。

2. 修正onChangeDate回调逻辑，确保更新状态时传入的是合法Date实例，标准实现参考：

const onChangeDate = (event, selectedDate) => {
  // 安卓端点击取消会触发dismissed事件，直接隐藏picker即可
  if (event.type === 'dismissed') {
    setShow(false);
    return;
  }
  // 原生回调返回的selectedDate就是合法Date实例，直接用即可
  setDate(selectedDate || date);
  // 安卓端选完日期自动关闭弹窗，iOS端如果是内嵌显示可以不用改show状态
  if (Platform.OS === 'android') {
    setShow(false);
  }
};

const showMode = (currentMode) => {
  setShow(true);
  setMode(currentMode);
};

3. 保留你现在minimumDate、maximumDate传Date实例的写法，不要换回之前moment格式化字符串的传参方式，那个写法不符合组件参数要求。

改完之后清下Metro缓存重新运行即可：npx react-native start --reset-cache

内容的提问来源于stack exchange，提问作者bytebunny