小编Nic*_*zyk的帖子

我正在尝试使用 useReducer 和 useContext 挂钩设置 React 商店。React.createContext(defaultValue) 给我的 TS 检查器带来了问题。我尝试了一些不同的事情，但本质上，我createContext(null)然后在组件useReducer()中设置状态和调度，但是当我调用 Provider 并将值作为 {state, dispatch} 传递时，它没有告诉我“Type '{ state : any; dispatch: React.Dispatch; }' 不可分配给类型 'null'。

我不明白这一点，因为当它出错时，我已经分配了状态和调度，并且该值不应再为空。

这是我正在尝试创建的 Context Provider 包装器。

import React, { createContext, useReducer, FC, Dispatch } from 'react';
import storeReducer, { initialState } from './reducer';
import { Action, State } from './types';
import { isNull } from 'util';

const StoreContext = createContext(null);

const StoreProvider:FC = ({ children }) => {
  const [state, dispatch] = useReducer(storeReducer, …