Reactjs 分派后不渲染视图

当我运行Logout函数并转到/Logout时，我想将我的用户设置为null并呈现一个注销页面，但这段代码只是设置为null，没有呈现我写的任何内容，这是什么问题

import React, { useEffect } from "react";
import { useStateValue } from "../StateProvider";

    const Logout = () => {
      const [{}, dispatch] = useStateValue();
    
      dispatch({
        type: "SET_USER",
        user: null,
      });
    
      return (
        <div>
          <h1
            style={{
              "background-color": "#F3B858",
              height: "100%",
              display: "flex",
              justifyContent: "center",
              alignItems: "center",
              height: "90vh",
              color: "#fff",
              "font-size": "80px",
              "font-weight": 900,
            }}
          >
            BYE
          </h1>
        </div>
      );
    };
    
    export default Logout;

import React，{useffect}来自“React”；
从“./StateProvider”导入{useStateValue}；
常量注销=（）=>{
const[{}，dispatch]=useStateValue（）；
派遣({
类型：“设置用户”，
用户：null，
});
返回(
缓冲酵母抽取物
);
};
导出默认注销；

州提供商：

import React, { createContext, useContext, useReducer } from "react";

export const StateContext = createContext();

export const StateProvider = ({ reducer, initialState, children }) => (
  <StateContext.Provider value={useReducer(reducer, initialState)}>
    {children}
  </StateContext.Provider>
);

export const useStateValue = () => useContext(StateContext);

import React，{createContext，useContext，useReducer}来自“React”；
export const StateContext=createContext（）；
export const StateProvider=（{reducer，initialState，children}）=>(
{儿童}
);
export const useStateValue=（）=>useContext（StateContext）；

您可以试试

useEffect(() => {
dispatch({
        type: "SET_USER",
        user: null,
      });
},[user])

你可以试试

useEffect(() => {
dispatch({
        type: "SET_USER",
        user: null,
      });
},[user])

---

你能分享你的StateProvider吗@Sinanyaman您是否可以共享您的StateProvider.jsI添加了它@Sinanyaman仍然是一样的。它不会呈现视图对不起，以前没有看到这种方法。这是我唯一的猜测。我希望你能尽快找到解决办法。它不会呈现视图对不起，以前没有看到这种方法。这是我唯一的猜测。我希望你能很快找到解决办法