jsx-key
注意: 此规则包含在以下规则集中:
recommended
react
jsx
在
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
在将可迭代对象传递到 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} />);