React Native中FlatList渲染报错：Objects are not valid as a React child

这个错误的核心是你在Text组件里渲染了React合成事件对象，而非你预期的字符串——报错信息里的dispatchConfig、nativeEvent等key，都是React事件对象的标志性属性。

排查修复方向 #

• 检查renderItem的Text节点内容：你大概率是不小心把事件对象、函数或者复杂对象当成文本渲染了，常见场景包括：
  • 误把onPress的回调函数写进Text节点：比如<Text>{handleClick}</Text>（函数属于对象类型，不能直接作为React子元素渲染）
  • 错误引用了事件参数：比如<Text onPress={(e) => handleClick(e)}>{e}</Text>（这里把事件对象e当成了渲染内容）
  • 未正确提取数据源的字符串属性：比如数据源是[{title: "测试内容"}]，你却直接写<Text>{item}</Text>（整个item是对象，不是原始字符串）

正确示例 #

假设你的数据源是包含字符串属性的数组，比如[{ content: "第一条数据" }, { content: "第二条数据" }]，正确的FlatList写法如下：

<FlatList
  data={yourData}
  keyExtractor={(item, idx) => idx.toString()}
  renderItem={({ item }) => (
    <Text>{item.content}</Text> // 明确渲染item的字符串属性
  )}
/>

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