JSX 花括号
注意：此规则包含在以下规则集中：
recommendedreactjsx在
deno.json 中启用完整集合{
"lint": {
"rules": {
"tags": ["recommended"] // ...or "react", "jsx"
}
}
}使用 Deno CLI 启用完整集合
deno lint --rules-tags=recommended # or ... deno lint --rules-tags=react # or ... deno lint --rules-tags=jsx
通过将其添加到
deno.json 文件中的 include 或 exclude 数组，此规则可以明确地包含或排除在当前标签所包含的规则之外。{
"lint": {
"rules": {
"include": ["jsx-curly-braces"],
"exclude": ["jsx-curly-braces"]
}
}
}确保 JSX 表达式周围的花括号使用一致。
无效示例
const foo = <Foo foo=<div /> />;
const foo = <Foo str={"foo"} />;
const foo = <div>{"foo"}</div>;
有效示例
const foo = <Foo foo={<div />} />;
const foo = <Foo str="foo" />;
const foo = <div>foo</div>;