请问老师关于TS的函数声明写法

Question

请问一下老师，在TS中如何定义函数类型。
我看老师关于函数的类型使用的都是函数表达式。比如

const menu: React.FC<props> =  () => {... }

想请问下老师，如果我想使用函数声明语句来写应该如何来写。我查阅了文档还是不知道应该如何使用。
我尝试这样使用

function menu (props): React.FunctionComponentElement<HTMLElement> {
	...
}

我想达到告诉TS，我这个Menu就是一个FC类型，并且支持传入FC的范性，请问老师应该如何定义

Answer 1

张轩 2021-08-22 09:44:53

同学你好 你这样写是错误的 function 的写法，这里加冒号指的是函数的返回类型，而不是整个函数的类型。这里要分开 React.FC 一样的类型。比如：

function Test(props: PropsWithChildren<ButtonProps>): ReactElement {
    return <div>hello</div>
}
这个时候 props 能获得正确的类型推理。最后你的需求，我没有太看懂。不过你看这个例子可以自己尝试下，
就是确定输入的类型，和输出（可选，可以类型推论）的类型