Eslint校验fragments标签报错

Eslint校验fragments标签报错

简单排查, 貌似是因为Eslint在2020年08月12号更新了版本. 修改、新增了一些默认的校验rules.

新增rules(包含但不限于以下)

1. 'react/state-in-constructor
2. ‘react/static-property-placement’
3. ‘react/jsx-props-no-spreading’
4. ‘jsx-a11y/control-has-associated-label’

对《Fragment》标签的校验

1. 'react/jsx-fragments’ // 推荐使用<>方式替换

解决

在项目的eslintrc.js配置文件的rules下添加如下代码即可 代码片。

	'react/jsx-curly-newline': [0],
    'react/state-in-constructor': [0],
    'react/static-property-placement': [0],
    'react/jsx-props-no-spreading': [0],
    'jsx-a11y/control-has-associated-label': [0],
    'react/jsx-fragments': [0],