SonarQube提示移除无用变量x，删除后setX报TS2349错误如何解决？

错误原因 #

• SonarQube报错根因：定义的状态变量x未在后续任何渲染、业务逻辑中被消费，仅调用了更新函数setX，被判定为无用变量。
• 删除x后TypeScript报错根因：useState返回固定长度的二元数组，直接删除第一个变量会导致setX实际接收的是第一个位置的状态值（string | undefined类型），不是函数，调用时就会触发类型错误。

解决方案 #

根据实际使用场景二选一即可：

方案1：不需要消费x状态，仅需保留setX调用 #

修改状态定义代码，用下划线（或下划线前缀命名）占位第一个返回的状态值，标记该变量为刻意不使用：

// 用下划线占位，适用于单个无用状态场景
const [_, setX] = useState<string | undefined>(undefined);

// 多个无用状态时可以加前缀区分，避免命名冲突
// const [_x, setX] = useState<string | undefined>(undefined);

该写法会被静态扫描规则识别为刻意忽略的变量，不会触发SonarQube的无用变量报错，同时setX的类型保持为状态更新函数，不会出现调用类型错误。

方案2：确认x状态完全无使用价值 #

如果setX调用后没有任何地方消费x的值，这个状态本身就是多余的，可以直接删除整个useState定义，同时删除业务逻辑中的setX(t('login:invalid'));调用即可。

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