Reactjs 在Redux加载两次api命中后收到的道具会导致React挂钩

我从减速器获取状态，但它加载了两次，例如，当我获取状态时，烤面包机显示了两次。所以，问题是我两次得到登录api登录失败状态，因为这个烤面包机加载了两次。我试图调试这个问题，但做不到 下面是代码（HTML被删除）

import React，{useState，useffect}来自“React”；
从“/action”导入{loginAction}；
从'react redux'导入{useDispatch，useSelector，shallowEqual}；
从“../../assets/index”导入{SmallLogo}”；
从'react toastify'导入{ToastContainer，toast}；
导入“react-toastify/dist/react-toastify.css”；
功能登录（道具）{
常量[inputs，setInputs]=useState({
电子邮件：“”，
密码：“”
});
const dispatch=usedpatch（）；
常数handleChange=（e）=>{
常量{name，value}=e.target；
setInputs（inputs=>（{…inputs，[name]：value}））；
}
const{email，password}=输入；
const submitLoginForm=（e）=>{
e、 预防默认值（）；
让Loginda={
电子邮件，
密码
}
//调用登录操作
调度（后勤（后勤数据））；
}
//从减速器获取状态
const userState=useSelector（state=>state，shallewequal）；
//通知
const notify=（消息，id）=>{
log（消息，id，“它被调用了多少次”）；
吐司；
敬酒。警告（留言{
位置：“右上角”，
自动关闭：5000，
hideProgressBar:错误，
closeOnClick：没错，
pauseOnHover:是的，
真的，
进展：未定义，
蟾蜍：身份证
})
}
返回(
{userState.userReducer.error！=''&¬ify（userState.userReducer.error，123）}
{submitLoginForm}
);
}
导出默认登录；

问题是您正在使用2

。取下第二个，只显示一个吐司

我猜是打字错误吧

你想写以下内容

        <ToastContainer
            position="top-right"
            autoClose={5000}
            hideProgressBar={false}
            newestOnTop={false}
            closeOnClick
            rtl={false}
            pauseOnFocusLoss
            draggable
            pauseOnHover
        >
        </ToastContainer>

为什么2

？

        <ToastContainer
            position="top-right"
            autoClose={5000}
            hideProgressBar={false}
            newestOnTop={false}
            closeOnClick
            rtl={false}
            pauseOnFocusLoss
            draggable
            pauseOnHover
        >
        </ToastContainer>