interface中包含可选属性，且是Function类型的；在dom中怎么绑定函数？

Question

老师你好，ts刚开始用，还不太熟悉，如下场景，该怎么实现上述的功能呢？

interface IProps {
  canGoBack?: boolean
  title?: string
  tapAction?: Function			// 传入的方法
  hasBackgroundImage?: boolean,
  children: any
}

const App = (props: IProps) => {
	const { tapAction } = props;
	
	// 默认方法
	const goBack = () => {};
	
	// 当前写法是报错的，这里该怎么写？
	return <div onClick={tapAction ?? goBack}>click</div>;
}

Answer 1

ustbhuangyi 2021-04-09 15:54:08

所以你的 tapAction 应该定义成具体的 (event: ITouchEvent<any>): void 类型才对吧

Answer 2

ustbhuangyi 2021-04-09 11:46:03

具体报错的内容是什么？

• 提问者 qq_一袖清风_0 #1

  你好，无法放截图；报错信息如下：
  Type 'Function' is not assignable to type '(event: ITouchEvent<any>) => void'.
    Type 'Function' provides no match for the signature '(event: ITouchEvent<any>): void'.
  
  报错是在 <div onClick={tapAction ?? goBack}>click</div> 的onClick上