jsx-key

NOTE: this rule is included the following rule sets:recommendedreactjsx

Enable full set in deno.json:

{
  "lint": {
    "rules": {
      "tags": ["recommended"] // ...or "react", "jsx"
    }
  }
}

Enable full set using the Deno CLI:

deno lint --rules-tags=recommended
# or ...
deno lint --rules-tags=react
# or ...
deno lint --rules-tags=jsx

This rule can be explictly included to or excluded from the rules present in the current tag by adding it to the include or exclude array in deno.json:

{
  "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} />);

jsx-key

你找到了你需要的东西吗？