类型错误：对象不是函数？

Question

我刚开始学习 React Hooks。我有一个名为 appContext.js 的文件，里面有 AppContext

const AppContext = React.createContext(initialState);

我想在文件 checkInfo.js 中使用它

const CheckInfo = (props) => {

    const [state, dispatch] = useContext(AppContext);

    useEffect(() => {
          var personData = {};

          async function fetchData() {

            dispatch({
              type: "isLoding",
              payload: true,
            });
          }
          ////other code
        }

但我有

TypeError: Object is not a function

我哪里错了？

Answer 1

更换线

const [state, dispatch] = useContext(AppContext);

到

const { state, dispatch }  = useContext(AppContext);

因为useContext返回一个带有字段的对象，state而dispatch不是一个数组