reactjs - 使用react-final-form时如何使输入字段自动聚焦？

Question

我使用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"));

Answer 1

使用大写F，autoFocus，解决了我的问题。