学无先后,达者为师

网站首页 编程语言 正文

react Ant Design使用a标签href属性警告解决方法

作者:船长在船上 更新时间: 2022-04-04 编程语言
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"
    }
  },

原文链接:https://blog.csdn.net/SmartJunTao/article/details/123851568

栏目分类
最近更新