[JavaScript知识库]react Ant Design使用a标签href属性警告解决方法

return (
        <header>
            <img src={logoImg} alt="" className="logo" />
            <div className="right">
                <Dropdown overlay={menu}>
                    <a className="ant-dropdown-link" onClick={e => e.preventDefault()}>
                        <img src={avatar} className="avatar" alt="" />
                        <span>{username}</span>
                        <CaretDownOutlined />
                    </a>
                </Dropdown>
            </div>
        </header>
    )

?项目中使用Ant Design下拉菜单组件警告出现：

解决方法：

修改目录下package.json文件：

"eslintConfig": {
    "extends": [
      "react-app",
      "react-app/jest"
    ],
    "rules":{
      "jsx-a11y/anchor-is-valid":"off"
    }
  },