在useContext中使用useReducer

Question

这段代码以前是运行的，但是现在我得到了一个'rules of hooks‘的错误。

我遗漏了什么？

import React, { createContext, useReducer } from 'react';

import initialState from './initialState';
import reducer from './reducer';
import actions from './actions';

const uiContext = createContext();

const uiProvider = ({ children }) => {
  const [state, dispatch] = useReducer(reducer, initialState);
  return (
      <uiContext.Provider
        value={{ state, actions: actions(dispatch) }}
        children={children}
      />
  );
};

export { uiContext, uiProvider };

Answer 1

Danko上面的评论解决了这个问题。先写一个大写字母解决了这个问题，谢谢！