输出中没有任何内容

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，因为不需要它。

祝你好运:)

输出中没有任何内容

Nothing coming in Output

javascript

reactjs

eslint

create-react-app