jsx-key
NOTE: this rule is included the following rule sets:
recommendedreactjsxEnable full set in
deno.json:{
"lint": {
"tags": ["recommended"] // ...or "react", "jsx"
}
}Enable full set using the Deno CLI:
deno lint --tags=recommended # or ... deno lint --tags=react # or ... deno lint --tags=jsx
Ensure the key attribute is present when passing iterables into JSX. It allows
frameworks to optimize checking the order of elements.
Invalid:
const foo = [<div>foo</div>];
const foo = [<>foo</>];
[1, 2, 3].map(() => <div />);
Array.from([1, 2, 3], () => <div />);
Valid:
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} />);