元素指的是一個值，但在這里被用作類型

Question

我有以下代碼：

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. - 為什么？ 我假設它把它看作是一個通用的，但如何讓它看起來像需要的那樣？

Answer 1

我在我的項目中遇到了同樣的錯誤並解決了問題。 也許您的文件擴展名是 ts，而不是 tsx。 如果您使用的是 Parcel 等，編譯器會認為該文件沒有使用 React。