React Native切换屏幕时出现子数组未定义问题求助
React Native TypeScript应用报错修复
你的代码存在核心问题:React Native不支持Web端的HTML原生标签,你在Home组件里使用的<p>标签属于Web元素,会导致组件渲染异常,触发子元素数组未定义的报错。
具体修复步骤
- 从
react-native库中导入专门用于文本显示的Text组件 - 将
Home组件中的<p>标签替换为<Text>组件
修复后的Home组件代码:
import React from 'react'; import { Text } from 'react-native'; const Home = (props: any) => { return ( <Text>Hola</Text> ) }
额外排查建议
- 检查
HomeScreen组件是否也存在误用Web标签的情况 - 若怀疑依赖安装异常,可重新执行
npm install或yarn install确保依赖完整
你提供的报错截图:
内容的提问来源于stack exchange,提问作者Michael97
相关产品推荐
相关产品推荐

