'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'但它的值从不读取。ts(6133)错误。

我应该怎么做才能纠正这个错误？

Answer 1

在 eslintrc.json 中添加此规则。 警告或关闭是您的选择。

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