React中useEffect依赖数组配置疑问（博客文章开发场景）

结合你的博客文章创建功能逻辑，这里给出针对性的依赖数组配置方案及原因：

优化后的依赖数组配置 #

将依赖数组调整为[dispatch, isError, isSuccess]，移除message，代码如下：

const { isError, message, isSuccess } = useSelector((state) => state.post);
const dispatch = useDispatch();

useEffect(() => {
  if (isError && message) {
    toast.error(message);
  }
  if (isSuccess && message) {
    toast.success(message);
  }

  return () => {
    dispatch(clearPost());
  };
}, [dispatch, isError, isSuccess]);

配置原因 #

1. dispatch的稳定性：React-Redux的useDispatch返回的dispatch是稳定引用，添加到依赖数组不会导致effect额外触发，完全符合React官方对依赖数组的要求。
2. 移除message的必要性：message的更新通常是伴随isError或isSuccess的状态变化而来的（比如触发错误时会同时设置isError: true和对应错误信息）。保留message会导致只要message变化（比如重复设置相同错误文本）就触发effect，重复弹出toast，这不是预期行为。
3. 核心触发条件是状态切换：你的代码核心逻辑是在错误/成功状态切换时显示提示、清理状态，因此只需要监听isError和isSuccess的布尔值变化即可，这两个值才是触发effect的关键。

特殊场景补充 #

如果你的业务中存在**isError保持true但message单独动态更新**的情况（比如持续报错且错误信息实时变化），那需要把message加回依赖数组。但这种场景建议先检查状态管理逻辑，通常错误状态应该在处理后被清除，再触发新的错误提示，避免状态残留。

内容的提问来源于stack exchange，提问作者Sachin Desai