Блог

Я делал этот веб-сайт с помощью React. Во-первых, я получил сообщение об ошибке useState is defined but never used для компонента navbar. Итак, я добавил это в свое поле конфигурации ESLint в package.json:

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

Тем не менее, никаких изменений.
Я попытался добавить "extends": "react/recommended" , и все равно никаких изменений не произошло.

Что мне делать?

Это мое поле конфигурации ESLint в package.json:

  "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
  

Я думаю, что имя Companante должно начинаться с заглавной буквы.

И useState просто нужно удалить из строки импорта, потому что он не нужен.

Удачи 🙂