React中如何仅获取useState、useCookies等Hook的设置函数,解决tslint报错
问题解决方法
你可以通过以下几种方案解决该报错,均不需要修改后续setCookie的调用逻辑:
- 方案1:使用数组解构逗号占位(最推荐)
数组解构时可以通过空逗号跳过不需要的返回值,无需声明多余变量,自然不会触发未使用检测:const [, setCookie] = useCookies(["user_token"]) - 方案2:给未使用变量加下划线前缀
绝大多数TSLint/ESLint规则会默认忽略以下划线开头的未使用变量,不需要修改lint配置即可生效:const [_cookie, setCookie] = useCookies(["user_token"]) - 方案3:添加单行lint忽略注释(仅当前两种方案不符合团队规范时使用)
在声明代码上一行添加规则忽略注释,仅跳过当前行的未使用变量检测,不会影响全局规则:
如果使用老版本TSLint,可将注释替换为// eslint-disable-next-line @typescript-eslint/no-unused-vars const [cookie, setCookie] = useCookies(["user_token"])// tslint:disable-next-line:no-unused-variable
内容的提问来源于stack exchange,提问作者Ali Husnain
相关产品推荐
相关产品推荐

