登录后反应中的弹出通知，如何使其在您第一次登录时显示一次消息

Question

我使用react toast ify来处理弹出消息，所以登录后，当我的页面重定向到profile.js时，我添加了这个useEffect，它将在装载时运行以显示通知

useEffect(() => {
notify();
}, []);
const notify = () =>
toast.success("Logged in Successfully.", {
position: toast.POSITION.TOP_CENTER,
autoClose: 3000,
});

但问题是，每次我访问或返回配置文件时，弹出消息都会显示，我如何才能使其仅在您登录时显示&第一次重定向到配置文件？

Answer 1

我建议您阅读
https://reactjs.org/docs/hooks-effect.html#example-使用挂钩

"useEffect是否在每次渲染后运行？对默认情况下，它在第一次渲染后和每次更新后都会运行">

这可能就是toast在每次页面加载时都被渲染的原因。我想添加一个条件来检查用户是否已经登录。如果这是他们第一次登录，则显示toast消息。

IF user is not logged in THEN
on successful login
display toast
END IF