tsxでarrow functionの型付けをする。

JavaScript

普通のfunction宣言の型付けは問題ないのですが、アロー関数の場合はtsxでは通りません。
型していの<T>がタグと解釈されるため、エラーになります。

function foo<T>(x: T): T { return x; } // OK
const foo = <T, >(x: T) => x; // NG

解決方法はこう。

const foo = <T, >(x: T) => x;

なんじゃそりゃって感じ。

コメント