React开发WhatsApp克隆时遭遇ESLint错误求助

1. App.js 第10行：'dispatch'已赋值但未使用（no-unused-vars） #

• 问题本质：代码中声明了dispatch变量，但全程没有调用它，触发了ESLint的no-unused-vars规则（禁止未使用的变量）。
• 修复方案：
  • 若后续业务逻辑需要用到dispatch（比如触发Redux action），保留声明并在合适位置添加调用，比如：

    const dispatch = useDispatch();
    // 示例：触发登录action
    dispatch(loginUser(userData));
    

  • 若确定不需要这个变量，直接删除dispatch的声明语句即可。

2. Login.js 第9行：Unexpected empty object pattern（no-empty-pattern） #

• 问题本质：代码中出现了空的对象解构语法（比如const {} = xxx;），ESLint的no-empty-pattern规则禁止这种无意义的写法。
• 修复方案：
  • 若原本是要解构某个对象的属性，补充需要的属性名，比如原本想解构props里的登录方法：

    // 替换空解构
    const { handleLogin } = props;
    

  • 若完全不需要这行解构代码，直接删除即可。

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