时间戳

首页 > 解决方案 > 输出中没有任何内容

javascript - 输出中没有任何内容

问题描述

我正在用 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

标签： javascriptreactjscreate-react-appeslint

解决方案

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

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

祝你好运 ：）

推荐阅读