reactjs - Typescript React 空函数作为 defaultProps

Question

我有一个带有可选函数参数作为属性 (onClick) 的无状态功能组件，我试图将一个空函数定义为默认属性，以便能够在我的组件中安全地执行:

 <span onClick={props.onClick} />

但我有以下错误:“预期的表达式。”

interface IProps {
  size?: sizeType;
  onClick?: (e:any) => void;
}
const Foo: React.SFC = (props: IProps) => {
  // ...
};
const defaultProps: IProps = {
   size: 'default',
   onClick: () => void <-- Expression expected.
};
Foo = defaultProps;

我该怎么做？

Answer 1

您不能在 javascript 中使用 void 作为返回值。使用 null 作为返回值，而不是 void。

onClick: () => null