eslint-config-alloy/bak/site/rule-tests/react.json

AlloyTeam ESLint 规则

{
    "react/.eslintrc.js": {
        "good": "",
        "bad": ""
    },
    "react/jsx-curly-spacing": {
        "good": "<span class=\"token comment\">// good 大括号内前后必须没有空格</span>\r\n<span class=\"token keyword\">let</span> foo <span class=\"token operator\">=</span> <span class=\"token operator\">&lt;</span>img width<span class=\"token operator\">=</span><span class=\"token punctuation\">{</span><span class=\"token number\">100</span><span class=\"token punctuation\">}</span> <span class=\"token operator\">/</span><span class=\"token operator\">></span><span class=\"token punctuation\">;</span>\r\n<span class=\"token keyword\">let</span> bar <span class=\"token operator\">=</span> <span class=\"token operator\">&lt;</span>div style<span class=\"token operator\">=</span><span class=\"token punctuation\">{</span><span class=\"token punctuation\">{</span> color<span class=\"token punctuation\">:</span> <span class=\"token string\">'red'</span> <span class=\"token punctuation\">}</span><span class=\"token punctuation\">}</span> <span class=\"token operator\">/</span><span class=\"token operator\">></span><span class=\"token punctuation\">;</span>\r\n",
        "bad": "<span class=\"token comment\">// bad 禁止大括号内前后有空格</span>\r\n<span class=\"token keyword\">let</span> foo <span class=\"token operator\">=</span> <span class=\"token operator\">&lt;</span>img width<span class=\"token operator\">=</span><span class=\"token punctuation\">{</span> <span class=\"token number\">100</span> <span class=\"token punctuation\">}</span> <span class=\"token operator\">/</span><span class=\"token operator\">></span><span class=\"token punctuation\">;</span>\r\n<span class=\"token keyword\">let</span> bar <span class=\"token operator\">=</span> <span class=\"token operator\">&lt;</span>div style<span class=\"token operator\">=</span><span class=\"token punctuation\">{</span> <span class=\"token punctuation\">{</span> color<span class=\"token punctuation\">:</span> <span class=\"token string\">'red'</span> <span class=\"token punctuation\">}</span> <span class=\"token punctuation\">}</span> <span class=\"token operator\">/</span><span class=\"token operator\">></span><span class=\"token punctuation\">;</span>\r\n"
    }
}