Eslint checks jsx syntax rules

1, IDE reported an error as follows

2, eslint is configured as follows

{
  "env": {
    "es6": true,
    "node":true,
    "browser": true
  },
  "parserOptions": {
    "ecmaVersion": 6,
    "sourceType": "module",
    "ecmaFeatures": {
      "jsx": true,
      "experimentalObjectRestSpread": true
    }
  },
  "extends": [
    "plugin:react/recommended"
  ],
  ...
  "indent": [2, 2, {
      "SwitchCase": 1,
      "ObjectExpression": 1
    }],
}

3. How can I configure it so that when eslint checks, it is aligned according to the attributes of the element tags (as shown in the figure by 19 squares) and does not report an error.

Javascript react.js html5

Mar.16,2021

simply configure indent as 0 , so you don't check it.
indent: 0 .

is not misaligned, but is preceded by spaces

Previous: On the in window problem

Next: [] what is the default cap for byte (")?

React error report solution!
Warning: Encountered two children with the same key, `.$4`. Keys should be unique so that components maintain their identity across updates. Non-unique keys may cause children to be duplicated and or omitted the behavior is unsupported and could change i...

Javascript react.js html5 node.js redux

Mar.01,2021
Echarts displays numerical values on one y-axis and its percentage on one y-axis. How to make it show only one broken line?
echarts line chart, double y-axis, there is already a data corresponding to the y-axis. We need to get the percentage of the corresponding data according to its data to form another y-axis I get the corresponding percentage of the data, but show two cur...

Javascript react.js html5

Apr.05,2021
After the react-lazyload first screen is loaded, it will not be loaded by sliding again. Can you give me some advice on what loding, has used?
I almost brought the case over, but I still can t. Ask for advice, everyone import React from "react"; import LazyLoad from react-lazyload ; import Lazyloading from .. Lazyloading index ; import Placeholder from .. Lazyloading Placeh...

Lazyload javascript react.js html5 node.js

Jul.01,2021
Have you used a graphical interface to quickly create an open source project for html pages?
something like this allows people who have no coding foundation to make simple html pages and export as activity pages, mainly to export html . < H1 > introduction < H1 > ...

Html javascript react.js html5

Oct.12,2021

MySQL Query : SELECT * FROM `codeshelper`.`v9_news` WHERE status=99 AND catid='6' ORDER BY rand() LIMIT 5
MySQL Error : Disk full (/tmp/#sql-temptable-64f5-1bdc724-312e3.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
MySQL Errno : 1021
Message : Disk full (/tmp/#sql-temptable-64f5-1bdc724-312e3.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
Need Help?