React Native报错：Objects are not valid as a React child（Date对象）如何解决

React Native的<Text>组件仅支持渲染字符串、数字这类可直接展示的基础类型，不能直接渲染Date对象，这就是触发报错的核心原因。以下是几种实用的解决方式：

• 直接转为通用字符串：调用Date对象的toString()方法，将其转换为可读性较强的标准时间字符串：

  <Text>{hours.toString()}</Text>
  

  渲染结果示例：Wed Aug 31 2022 13:23:14 GMT+0800 (中国标准时间)

• 生成本地化格式时间：使用toLocaleString()方法，可生成符合本地时区与使用习惯的时间格式，还能通过参数自定义展示内容：

  // 默认本地化格式
  <Text>{hours.toLocaleString()}</Text>
  // 自定义格式（仅展示年月日时分）
  <Text>{hours.toLocaleString('zh-CN', { year: 'numeric', month: '2-digit', day: '2-digit', hour: '2-digit', minute: '2-digit' })}</Text>
  

• 保留原ISO格式：如果需要维持2022-08-31T05:23:14.997Z这类格式，使用toISOString()方法即可：

  <Text>{hours.toISOString()}</Text>
  

• 提取特定时间片段：若仅需展示小时、分钟等部分内容，可调用getHours()、getMinutes()等方法单独提取：

  <Text>{hours.getHours()}:{hours.getMinutes()}</Text>
  

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