javascript - 没有未使用的变量

Question

在我的 useState 钩子(Hook)中，我正在导入上下文；因此， setUser 将被闲置并给我和 Eslinting 警告。我不确定如何扼杀这个警告，并且已经没有办法做到这一点。如果有人在 React 中有一个建议或最佳实践来扼杀这个警告，我将不胜感激。代码如下:

import React, { useContext } from 'react'
import { Link } from 'react-router-dom'
// Material UI
import Button from '@material-ui/core/Button'
import Grid from '@material-ui/core/Grid'
import Container from '@material-ui/core/Container'
import User from './User'
// context
import { ProfileContext } from '../contexts/ProfileContext'
const Header = ({ isAuth, logout }) => {
  const [user, setUser] = useContext(ProfileContext)
  return (
    <Container maxWidth="lg" style={{ padding: 10 }}>
      <Grid container justify="space-between">
        <Grid item xs={2}>
          <Button color="inherit" component={Link} to="/">
            Jobtracker
          </Button>
        </Grid>
        <Grid item xs={10} container justify="flex-end">
          <div>
            {isAuth ? (
              <>
                {user && user.user.admin && (
                  <Button color="inherit" component={Link} to="/admin">
                    Admin
                  </Button>
                )}
                <Button color="inherit" component={Link} to="/profile">
                  Profile
                </Button>
                <Button color="inherit" component={Link} to="/dashboard">
                  Dashboard
                </Button>
                <Button color="inherit" onClick={logout}>
                  Logout
                </Button>
              </>
            ) : (
              <>
                <Button color="inherit" component={Link} to="/login">
                  Login
                </Button>
                <Button color="inherit" component={Link} to="/signup">
                  SignUp
                </Button>
              </>
            )}
          </div>
        </Grid>
      </Grid>
    </Container>
  )
}
export default Header

Answer 1

当你不需要它时，你不必解构它:

const [user] = useContext(ProfileContext)

另外，如果您只需要 setUser ，您可以在解构时使用 comma 跳过项目没有变量或常量名:

const [, setUser] = useContext(ProfileContext)