ReactのuseEffectを使ってAPIからデータを取得して直ぐに参照しようとすると、値が取得されておらずにnullになっていることがあります。 その原因と対処方法について記載します。 useEf…
TypeScriptでReactのimport宣言を記述するとVSCodeからエラーが表示されて実行できない場合があります。
TypeScriptでReactをimportする
間違い
import React from 'react';
以下のエラーが表示されます。
モジュール 'react' の宣言ファイルが見つかりませんでした。'/node_modules/react/index.js' は暗黙的に 'any' 型になります。
'react' パッケージが実際にこのモジュールを公開する場合は、pull request を送信して 'https://github.com/DefinitelyTyped/DefinitelyTyped/tree/master/types/react' を修正することを検討してくださいts(7016)
モジュール 'react' の宣言ファイルが見つかりませんでした。'/node_modules/react/index.js' は暗黙的に 'any' 型になります。
'react' パッケージが実際にこのモジュールを公開する場合は、pull request を送信して 'https://github.com/DefinitelyTyped/DefinitelyTyped/tree/master/types/react' を修正することを検討してくださいts(7016)
正解
import * as React from 'react';
tsconfigの設定によりますが、any型を許可していない場合は暗黙的にany型になる場合はエラーとされるので、明示的にas Reactと指定する必要があります。
コメントを書く