noAutofocus
诊断类别：lint/a11y/noAutofocus
¥Diagnostic Category: lint/a11y/noAutofocus
自从：v1.0.0
¥Since: v1.0.0
来源：
¥Sources:
-
与以下相同：
jsx-a11y/no-autofocus¥Same as:
jsx-a11y/no-autofocus
强制元素上未使用 autoFocus prop。
¥Enforce that autoFocus prop is not used on elements.
自动聚焦元素可能会给视力正常和视力不佳的用户带来可用性问题。
¥Autofocusing elements can cause usability issues for sighted and non-sighted users, alike.
¥Examples
¥Invalid
<input autoFocus />code-block.jsx:1:8 lint/a11y/noAutofocus FIXABLE ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
✖ Avoid the autoFocus attribute.
> 1 │ <input autoFocus />
│ ^^^^^^^^^
2 │
ℹ Unsafe fix: Remove the autoFocus attribute.
1 │ <input·autoFocus·/>
│ ----------
<input autoFocus="true" />code-block.jsx:1:8 lint/a11y/noAutofocus FIXABLE ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
✖ Avoid the autoFocus attribute.
> 1 │ <input autoFocus=“true” />
│ ^^^^^^^^^^^^^^^^
2 │
ℹ Unsafe fix: Remove the autoFocus attribute.
1 │ <input·autoFocus=“true”·/>
│ -----------------
<input autoFocus={"false"} />code-block.jsx:1:8 lint/a11y/noAutofocus FIXABLE ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
✖ Avoid the autoFocus attribute.
> 1 │ <input autoFocus={“false”} />
│ ^^^^^^^^^^^^^^^^^^^
2 │
ℹ Unsafe fix: Remove the autoFocus attribute.
1 │ <input·autoFocus={“false”}·/>
│ --------------------
<input autoFocus={undefined} />code-block.jsx:1:8 lint/a11y/noAutofocus FIXABLE ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
✖ Avoid the autoFocus attribute.
> 1 │ <input autoFocus={undefined} />
│ ^^^^^^^^^^^^^^^^^^^^^
2 │
ℹ Unsafe fix: Remove the autoFocus attribute.
1 │ <input·autoFocus={undefined}·/>
│ ----------------------
¥Valid
<input /><div /><button />// `autoFocus` prop in user created component is valid<MyComponent autoFocus={true} />¥Resources
¥Related links