使用 react-final-form 时如何在输入字段上自动对焦?
How to make autofocus on input field when using react-final-form?
我使用 react-final-form
创建了一个表单。自动对焦不工作。我知道的唯一解决方案是使用 React 的 ref
特性。我可以使用 react-final-form
库自动对焦输入吗?
import React from "react";
import { render } from "react-dom";
import { Form, Field } from "react-final-form";
const App = () => (
<Form
render={({}) => (
<form>
<Field name="company" component="input" autofocus />
</form>
)}
/>
);
render(<App />, document.getElementById("root"));
使用大写字母 F,autoFocus
,解决了我的问题。
我使用 react-final-form
创建了一个表单。自动对焦不工作。我知道的唯一解决方案是使用 React 的 ref
特性。我可以使用 react-final-form
库自动对焦输入吗?
import React from "react";
import { render } from "react-dom";
import { Form, Field } from "react-final-form";
const App = () => (
<Form
render={({}) => (
<form>
<Field name="company" component="input" autofocus />
</form>
)}
/>
);
render(<App />, document.getElementById("root"));
使用大写字母 F,autoFocus
,解决了我的问题。