输出中没有任何内容

Question

我正在使用 React 制作这个网站。首先，我收到一条错误消息，提示 useState is defined but never used 用于导航栏组件。 所以，我将它添加到 package.json 中的 ESLint 配置字段中：

"rules": {
      "eqeqeq": "off",
      "no-unused-vars": "off"
    }

仍然没有变化。 我尝试添加"extends": "react/recommended"，但仍然没有任何变化。

我该怎么办？

这是我在 package.json 中的 ESLint 配置字段：

 "eslintConfig": {
    "extends": "react",
    "rules": {
      "eqeqeq": "off",
      "no-unused-vars": "off"
    }
  },

这是我的 App.js：

import React from 'react';
import './App.css';
import navbar from './components/navbar';
import {BrowserRouter as Router, Switch, Route} from 'react-router-dom';

function App() {
  return (
    <>
    <Router>
      <navbar />
      <Switch>
        <Route path="/" exact />
      </Switch>
      </Router>
    </>
  );
}

export default App;

import navbar from './components/navbar'; 看起来被禁用并在我将鼠标悬停在该行上时显示navbar is declared but its value is never used。

这是我的 navbar.js：

import React, {useState} from 'react';
import {Link} from 'react-router-dom';


function navbar() {
    return (
        <>
            <nav className="navbar">
                <div className="navbar-container">
                    <Link to="/" className="navbar-logo">
                        CRUXx
                    </Link>
                </div>
            </nav>
        </>
    )
}

export default navbar

Answer 1

我认为 Companante 的名字应该以大写字母开头。

而 useState 只需要从导入行中删除，因为它不需要。

祝你好运:)