reactjs - 'Form' 已定义但从未使用 no-unused-vars
问题描述
我不断收到错误 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;
`
解决方案
因为 eslint 配置为捕获未使用的变量。您没有在 App.js 中使用 Form 组件,所以它只是说一条消息
推荐阅读
- c# - Random.Range 选两个数,如果相同,选一个新的
- microservices - CQRS 中的命令和事件类之间共享的命令模型类
- python - 如何使用python根据Arcmap中的属性查找不连续特征
- python - 发送邮件时如何在向导中默认添加多个收件人。(奥多 13)
- mysql - 写查询,查找租借科幻电影2次以上的客户全名,按字母顺序排列
- can-bus - 具有相同标识符的标准和扩展消息
- c++ - 访问读取冲突 C++ 任务调度程序
- javascript - 在纯JS中替换字符串的最后一个单词,没有jQuery
- nativescript-angular - 在 Angular 8 + Nativescript 中切换列的可见性
- php - 图像未显示