deno.com

jsx-key

注意: 此规则包含在以下规则集中: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

在将可迭代对象传递到 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} />);

你找到需要的内容了吗?

隐私政策