element 指的是一个值，但在这里被用作一个类型答案

【问题标题】：element refers to a value, but is being used as a type hereelement 指的是一个值，但在这里被用作一个类型
【发布时间】：2020-03-23 03:19:31
【问题描述】：

我有以下代码：

export const StateContext = createContext({});
const StoreProvider: any = StateContext.Provider;
export const StateProvider = ({ reducer, initialState, children }: any) => (
  <StoreProvider value={useReducer(reducer: any, initialState: any)}>
    {children}
  </StoreProvider>
);

但是 TypeScript 抛出错误 'StoreProvider' refers to a value, but is being used as a type here. - 为什么？我假设它把它看作是一个通用的，但是如何让它看起来像需要的那样？

【问题讨论】：

我相信这会有所帮助：useReducer((reducer as any), (initialState as any))
这能回答你的问题吗？ "Navbar refers to a value, but is being used as a type here" when trying to render a shallow copy of my component when testing

标签： javascript reactjs typescript react-hooks eslint

【解决方案1】：

我在我的项目中遇到了同样的错误并解决了问题。也许您的文件扩展名是 ts，而不是 tsx。如果你使用 Parcel 等，编译器会认为该文件没有使用 React。

【讨论】：