问题是Reducer从不返回更新的状态，而是隐式返回undefined。

function reducer(state, newState) {
  switch (newState.type) {
    case "calcCartValue":
      state.cartValue = newState.value;
  }
}

应该是

function reducer(state, action) {
  switch (action.type) {
    case "calcCartValue":
      return { ...state, cartValue: action.value };
    default:
      throw new Error(`${action.type} action is not supported`);
  }
}

我建议你再看看这里的文件

〈ContextOne.Provider value={{ initialState，dispatch }}〉当然，initialState永远不会改变，事实上，它只是初始状态，所以都是零。我需要做的是：
〈ContextOne.提供程序值={{状态，调度}}〉

在app.js中，您应该更改这一行：

const [state, dispatch] = useReducer(reducer, initialState);
<ContextOne.Provider
    value={{ initialState: initialState, dispatch: dispatch }}
  >
.....

到这个

const [state, dispatch] = useReducer(reducer, initialState);
<ContextOne.Provider
    value={{ initialState: state, dispatch: dispatch }}
  >
.....

此外，在Surcharge.js中，在输入值prop处更改以下内容：

<input
    value="0"
.....

到这个

<input
    value={surContext.initialState.cartValue}
.....