小编Hak*_*dir的帖子

我正在开发一个 Web 应用程序，并且正在使用 React Context，而不使用 useReducer() 挂钩。这是我如何在应用程序中使用 Context 的简单示例：

const [stateValue, setStateValue] = useState("");
const [stateValue1, setStateValue1] = useState("");
const contextValue : MainContext = {
      stateValue: stateValue,
      setStateValue: setStateValue,
      stateValue1: stateValue1,
      setStateValue1: setStateValue1
}

因此，我将 contextValue 传递给我的 Context Provider，每次子组件必须更改 stateValuex 时，只需调用 setStateValuex，以便它触发所有子组件内 stateValuex 的重新渲染。使用 useReducer() 钩子代替 Context 有什么优点和缺点？