react
私はを使用したプロジェクトに取り組んでいますtypescript
が、このエラーが発生する理由を理解するのに苦労しています。基本的に、createContext
このため、インターネットで見つけた例をどれも使用できません。具体的には、次の例をここから入手しました。https://github.com/typescript-cheatsheets/react-typescript-cheatsheetコンテキスト セクションに表示されているものと同じものを使用しようとしています。
import * as React from "react";
export function createCtx<A>(defaultValue: A) {
type UpdateType = React.Dispatch<React.SetStateAction<typeof defaultValue>>;
const defaultUpdate: UpdateType = () => defaultValue;
const ctx = React.createContext({
state: defaultValue,
update: defaultUpdate
});
function Provider(props: React.PropsWithChildren<{}>) {
const [state, update] = React.useState(defaultValue);
return <ctx.Provider value={{ state, update }} {...props} />;
}
return [ctx, Provider] as [typeof ctx, typeof Provider];
}
問題は、次のctx
行に「名前空間が見つかりません」というエラーが表示されることです。
return <ctx.Provider value={{ state, update }} {...props} />;
まだ理由がわかりません。私が何か間違っているかどうか誰かわかりますか? これは私の tsconfig.json です:
{
"compilerOptions": {
"target": "es5",
"lib": [
"dom",
"dom.iterable",
"esnext"
],
"allowJs": true,
"skipLibCheck": true,
"esModuleInterop": true,
"allowSyntheticDefaultImports": true,
"strict": false,
"forceConsistentCasingInFileNames": true,
"module": "esnext",
"moduleResolution": "node",
"resolveJsonModule": true,
"isolatedModules": true,
"noEmit": true,
"jsx": "preserve",
"noImplicitAny": false,
"strictNullChecks": false
},
"include": [
"src"
]
}
ご協力いただければ幸いです。
ベストアンサー1
ファイル拡張子.ts
は ではなく である可能性が高くなります.tsx
。
したがって、TypeScript はキャストとして解釈し、名前空間内で<ctx.Provider
型を見つけようとします。Provider
ctx