You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

React中如何仅获取useState、useCookies等Hook的设置函数,解决tslint报错

问题解决方法

你可以通过以下几种方案解决该报错,均不需要修改后续setCookie的调用逻辑:

  • 方案1:使用数组解构逗号占位(最推荐)
    数组解构时可以通过空逗号跳过不需要的返回值,无需声明多余变量,自然不会触发未使用检测:
    const [, setCookie] = useCookies(["user_token"])
    
  • 方案2:给未使用变量加下划线前缀
    绝大多数TSLint/ESLint规则会默认忽略以下划线开头的未使用变量,不需要修改lint配置即可生效:
    const [_cookie, setCookie] = useCookies(["user_token"])
    
  • 方案3:添加单行lint忽略注释(仅当前两种方案不符合团队规范时使用)
    在声明代码上一行添加规则忽略注释,仅跳过当前行的未使用变量检测,不会影响全局规则:
    // eslint-disable-next-line @typescript-eslint/no-unused-vars
    const [cookie, setCookie] = useCookies(["user_token"])
    
    如果使用老版本TSLint,可将注释替换为// tslint:disable-next-line:no-unused-variable

内容的提问来源于stack exchange,提问作者Ali Husnain

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.09.29 16:54:01