React 历史挂钩无法正常工作

Question

React Hook“useHistory”在函数“header”中被调用，它既不是 React 函数组件也不是自定义 React Hook 函数下面是我的代码import { Link, useHistory } from 'react-router-dom'function header() {    let history = useHistory()    return (        <header>            <div className="header_buttons">                <Link onClick={history.push('/auth/login')} to='/auth/login'>                    <a href="" className='primary-link'>Login</a>                </Link>            </div>        </header>    )}export default header下面是我得到的错误Failed to compile../src/Header/header.js  Line 6:19:  React Hook "useHistory" is called in function "header" which is neither a React function component or a custom React Hook function  react-hooks/rules-of-hooks

Answer 1

React 组件必须大写。将其重命名为Header.

function Header() {

   let history = useHistory();

   return (...);

}