"setCurrentItem"已声明，但其值永远不会读取.ts(6133) 错误

Question

在app.js中，代码是:

import './App.css';
import Todoform from './Components/Todoform';
function App() {
return (
<div className="To-Do App">
<Todoform />
</div>
);
}
export default App;

在Todoform.js中，代码是

import React, { useState } from 'react';
function Todoform() {
const [currentItem,setCurrentItem]= useState(null);
return (
<form className='To-do'>
<input 
type='text'
placeholder='Add a todo'
value={currentItem}
name='text'
className='to-do input' 
/>
<button className="to-do button">Add To-do</button>
</form>
);
}
export default Todoform;

当我执行代码时，错误如下所示，'setCurrentItem'被声明，但它的值从未读取。

我应该怎么做来纠正这个错误?

Answer 1

将这些规则添加到eslintrc.json中。警告或关闭是你的选择。

...
"rules": {
"no-unused-vars": "warn",
"@typescript-eslint/no-unused-vars": "off",

}