jsx-key
注意: 此规则包含在以下规则集中:
recommended
react
jsx
在
deno.json
中启用完整规则集{ "lint": { "tags": ["recommended"] // ...or "react", "jsx" } }
使用 Deno CLI 启用完整规则集
deno lint --tags=recommended # or ... deno lint --tags=react # or ... deno lint --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} />);