Блог

В 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).

Что я должен сделать, чтобы исправить эту ошибку?

Добавьте эти правила в файл eslintrc.json. предупреждать или отключать-ваш выбор.

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