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-key"],
"exclude": ["jsx-key"]
}
}
}确保在将可迭代对象传递给 JSX 时，key 属性存在。这允许框架优化检查元素的顺序。
无效示例
const foo = [<div>foo</div>];
const foo = [<>foo</>];
[1, 2, 3].map(() => <div />);
Array.from([1, 2, 3], () => <div />);
有效示例
const foo = [<div key="a">foo</div>];
const foo = [<Fragment key="b">foo</Fragment>];
[1, 2, 3].map((x) => <div key={x} />);
Array.from([1, 2, 3], (x) => <div key={x} />);