解决typescript报错：不能调用可能是未定义的对象

背景：当我们在react中封装组件并复用时，会传不同的props，那么自然有些props是不需要传的，所以在定义interface的时候需要加个问号。但这也就引来了标题的报错！

模拟一下报错代码：

// 父组件
const handleVisible () => {}export default function Father(props: IProps) {return (<Child/><Child handleVisible={handleVisible}/>)
}

// 子组件
interface IProps {handleVisible?: () => void
}export default function Child(props: IProps) {reutrn (// xxxxxxx)const getList = async () => {// 假设进行异步请求之后会调用父组件的``handleVisible``方法const res = await getlist()props.handleVisible() // 这段代码这个时候会报错！！！因为我们调用了两次子组件，只有一个传了handleVisible方法，所以ts不会让你执行}
}

解决方法也很简单：

1.先检查是否有该方法再执行。即props.handleVisible && props.handleVisible()

2.类型断言。即props.handleVisible!()

解决typescript报错：不能调用可能是未定义的对象相关推荐

echarts 报错问题 is null 或者未定义等问题
我们在使用echarts的时候会出现is null或者未定义等报错提示,但是却无从下手的情况. 其一,我们是完全按照echarts的官方文档来添加的js文件:其二,在对使用option时候的配置是按照 ...
thinkphp开启子域名无法正常访问_解决TP6报错“当前访问路由未定义或不匹配”...
如果是报路由错误,则说明启用了路由控制,那么所有被访问的页面都需要配置路由,否则将无法访问. 例如: 在浏览器中运行http://hml.tp6.com/admin/getlog 报错:当前访问路由未 ...
解决IntelliJ IDEA报错：调用方法[manageApp]时发生异常java.lang.IllegalStateException: 启动子级时出错
解决IntelliJ IDEA报错:调用方法[manageApp]时发生异常java.lang.IllegalStateException: 启动子级时出错问题描述: 笔者将一个在 Tomcat ...
webpack配置别名，typescript报错2307的解决办法
webpack配置别名,typescript报错2307的解决办法 webpack配置: resolve: {alias: {'@': path.resolve(__dirname, 'src')}} ...
解决gcc报错：error: implicit declaration of function ‘inet_addr’ [-Werror=implicit-function-declaration]
此文首发于我的个人博客:解决gcc报错 error implicit declaration of function 'inet_addr' [-Werror=implicit-function-de ...
解决tensorflow报错：AttributeError: module ‘tensorflow.keras.backend‘ has no attribute ‘get_session‘ 问题
欢迎大家关注笔者,你的关注是我持续更博的最大动力原创文章,转载告知,盗版必究解决tensorflow报错:AttributeError: module 'tensorflow.keras.back ...
解决JavaFX报错缺少 JavaFX 运行时组件, 需要使用该组件来运行此应用程序
解决JavaFX报错缺少 JavaFX 运行时组件, 需要使用该组件来运行此应用程序方法 1:使用 Java 8 方法 2:使用 Java 模块系统方法 3:使用引导类很多 JavaFX 初 ...
react+typescript报错集锦持续更新
typescript报错集锦错误:Import sources within a group must be alphabetized.tslint(ordered-imports) 原因:impo ...
完美解决Pycharm报错[WinError 193] %1 不是有效的 Win32 应用程序
完美解决Pycharm报错[WinError 193] %1 不是有效的 Win32 应用程序问题发生长话短说,今天安装python64位时遇到了这个问题,我也看了网上很多说为什么会出现这个问题的 ...

解决typescript报错：不能调用可能是未定义的对象

解决typescript报错：不能调用可能是未定义的对象相关推荐

最新文章

热门文章