'Form' 已定义但从未使用 no-unused-vars

Question

我不断收到错误 Form' is defined but never used no-unused-vars 它说：搜索关键字以了解有关每个警告的更多信息。
要忽略，请在前一行添加 // eslint-disable-next-line。

Form.js //创建一个表单

import React from "react";

const Form=() =>{
    return(
        <form>
            <input type="text" class="todo-input"></input>
            <button class="todo-button" type="submit">
                <i class="fas fa-plus-square"></i>
            </button>
            <div class="select">
                <select name="todos" class="filter-todos">
                    <option value="all">All</option>
                    <option value="completed">Completed
                    </option>
                    <option value="uncompleted">Uncompleted</option>
                </select>
            </div>
        </form>
    )
}
export default Form; 

App.js //main file
import React from "react";
import './App.css';
import Form from './components/form';
function App() {
  return (
    <div className="App">
      <header>Todo List</header>    
    </div>
  );
}

export default App;

`

Answer 1

因为 eslint 配置为捕获未使用的变量。您没有在 App.js 中使用 Form 组件，所以它只是说一条消息

Answer 2

您创建了一个表单组件，但组件未使用，因此它会发出警告，因此请忽略此警告。