小编And*_*kon的帖子

我对 React 的 Context API 有疑问。我的 React 编码水平是初学者。

我正在构建一个具有 8 个上下文的应用程序，它们可能会在项目的未来中增加。它们是我的应用程序不同元素的基本 CRUD 上下文，没有太多复杂性。

当我编写应用程序时，我注意到 App.js 中创建了一个嵌套上下文地狱

为了提供更多信息，我将解释该应用程序的一部分。我有一个针对教练、运动员、法庭等的 CRUD 操作的背景。

在/src目录下的文件夹结构中，我有一个/context目录，其中每个实体都有一个单独的文件夹。我们以教练为例。在/src/context/coach目录中我有 3 个文件。coachContext.js、coachReducer.js 和 CoachState.js

coachContext.js 文件的内容：

import { createContext } from "react";

const coachContext = createContext();

export default coachContext;

coachReducer.js 文件的内容：

const coachReducer = (state, action) => {
    switch (action.type) {
        case "GET_COACHES":
            return {
                ...state,
                coaches: action.payload,
            };
        case "SET_CURRENT_COACH":
            return {
                ...state,
                coach: action.payload,
                loading: false,
            };

        default:
            return state;
    }
};

export …