使用 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,解决了我的问题。