【TypeScript】中括弧でバインドする際に、暗黙anyエラーになる時

暗黙anyエラーになる

TypeScriptで中括弧で分割代入のような感じでバインドする際に、型を指定しないと暗黙anyエラーとなりました。

その際の対処方法を備忘録として残しておきたいと思います！

エラー

発生したエラー

こちらが実際に発生したエラーになります。

Binding element 'name' implicitly has an 'any' type. TS7031

エラーが発生したコード

こちらがエラーの発生した際のコードになります。

型を指定しないとエラーになりました！

function SomeFunc({ name }) {

対処方法

型を指定する

対象方法は以下のように、型を明示的に指定すればエラーが発生しなくなります。

とりあえずエラーを消したいならanyでも可能です。

function SomeFunc({ name }: {name: any}) {

stringや任意の型を指定する場合も同様です！

function SomeFunc({ name }: {name: string}) {

参考資料

Documentation - Variable Declaration

How TypeScript handles variable declaration

www.typescriptlang.org

Binding element 'any' implicitly has an 'any' type. · Issue #9657 · microsoft/TypeScript

TypeScript Version: Version 2.1.0-dev.20160712 Code function test({a:any}) { } Expected behavior: Should compile with --noImplicitAny (compiles fine with 1.8.0)...

github.com

まとめ

今回は、TypeScriptの中括弧でバインドする時に発生する暗黙anyエラーの対処方法について書きました！

TypeScriptは色々な場面で活用できるので、慣れておきたいですね！