React中ESLint对a标签href属性警告

问题描述

在React中如果使用了a标签，但是又没有给a标签的href属性赋值有效的链接地址，则ESLint会警告，看着很烦。

The href attribute is required for an anchor to be keyboard accessible. Provide a valid, navigable address as the href value. If you cannot provide an href, but still need the element to resemble a link, use a button and change it with
appropriate styles. Learn more: https://github.com/evcohen/eslint-plugin-jsx-a11y/blob/master/docs/rules/anchor-is-valid.md  jsx-a11y/anchor-is-valid

解决方法

在根目录下的package.json配置文件中添加如下ESLint的配置：

   // ....."eslintConfig": {// ....."rules":{"jsx-a11y/anchor-is-valid":"off"}},// .....

React中ESLint对a标签href属性警告相关推荐

React项目中 ESLint对a标签href属性警告解决方法
警告描述: The href attribute is required for an anchor to be keyboard accessible. Provide a valid, navig ...
ESLint对a标签href属性警告解决方法
一.问题解决方法 1.环境介绍: 通过React的官方教程 Create-React-App使用脚手架工具搭建的工程,然后添加了路由组件React-Router,样式组件Antd Design(简称a ...
HTML的a标签href属性指定相对路径与绝对路径的用法讲解
href是链接前端文件的一个最常用的重要属性,这里我们就来看一下HTML的a标签href属性指定相对路径与绝对路径的用法讲解,需要的朋友可以参考下在实际Web开发中,插入图片.包含CSS文件等都需要 ...
React中遍历数组生成标签
React中遍历数组生成标签举一个例子,一个列表根据数组渲染li元素,在vue中一个v-for就解决了,那在React中怎么实现呢?这里我们直接引入的React文件,没用脚手架 let arr = ...
关于React中Fragment及Helmet标签
Fragment标签在布局时,有事会看到<Fragment>标签,这个标签有什么用呢? React.Fragment 官方文档: React 中一个常见模式是为一个组件返回多个元素.Fr ...
HTML5中的新国际化标签及属性
H5问世其实也有很长一段时间了,时至今日,大部分浏览器都号称对其进行了支持,但效果如何呢?随便找个前端问问,标准答案一般会是--呵呵~~~虽然H5对视频.音频.图象.动画,以及同电脑的交互都已经标准化 ...
【VUE】有没有类似React中＜＞空标签的东西呢？
问:Vue中有没有类似React中<>空标签的东西呢? 答:有不废话直接上方案: 方案一 vue2/3应该是通用的方式,vue3上可行若上级使用到<Transition>会 ...
Eclipse中获取html jsp 标签的属性提示信息方法
操作方法: windows------preferences----------搜索 html----------找到 html Source这项---------找到 content assist ...
a标签缺少href 属性，鼠标经过不会出现手型
声明: web小白的笔记,欢迎大神指点.联系QQ:1522025433. 直接看实例吧! <!doctype html> <html> <head> <met ...

React中ESLint对a标签href属性警告

问题描述

解决方法

React中ESLint对a标签href属性警告相关推荐

最新文章

热门文章