找不到命名空间 React Context TypeScript

Question

import React, { useState, createContext, FC } from "react";
import {
  InitialInputValues,
  InputsInitiaState,
} from "../components/AccountDetails/AccountDetails.type";

export const TestContext = createContext<InputsInitiaState>(InitialInputValues);

const TodoProvider: FC<React.ReactNode> = ({ children }) => {
  const [inputs, setInputs] = useState<InputsInitiaState>(InitialInputValues);
  return <TestContext.Provider value={inputs}>{children}</TestContext.Provider>;
};

我有以下问题我已经创建了上下文，我正在尝试 return 子组件以便将上下文传递给应用程序，但 TypeScript 说 TestContext 找不到它的命名空间。我在很多地方进行了研究，所有地方都显示了相同的处理上下文的方式，有人可以看一下并指出我遗漏了什么，在此先感谢。我要分享一张图片以及错误

Answer 1

您的文件似乎被解析为 TypeScript 而不是“TypeScript React”（即 TS with JSX）。

这就是它尝试将您的 JSX 标记作为一种类型来读取的原因。

找不到命名空间 React Context TypeScript

Cannot find namespace React Context TypeScript

reactjs

typescript

react-context