React使用hooks造成的eslint报红及解决

1.当我们使用useState声明一个变量的时候，如果后面的逻辑中并没有使用该变量那么eslint就会在该变量下面报红，提示我们该变量声明了但是未使用，这个时候如果该变量和它后面的更改的方法均为使用则可删除，若更改他的方法被使用了，这个时候就不能删除了，我们需要添加一行注释来解决这个eslint报红的问题。

方法一：在变量声明后面添加该行注释，即可解决

// eslint-disable-line no-unused-vars

 

 

方法二：在js文件开头添加

 

/* eslint-disable no-unused-vars */

2.使用useEffect时，函数是必须要有依赖，有的时候我们并不需要这个依赖，这个时候我们需要添加该注释来解决eslint报红

// eslint-disable-next-line react-hooks/exhaustive-deps