SimpleFormIterator 在添加时关注第一个字段

【问题标题】：SimpleFormIterator focus first field when ADDSimpleFormIterator 在添加时关注第一个字段
【发布时间】：2020-07-28 06:15:54
【问题描述】：

我们在 ArrayInput 中使用 SimpleFormIterator，如下所示（作为示例）

<ArrayInput source="backlinks">
    <SimpleFormIterator>
        <DateInput source="date" />
        <TextInput source="url" />
    </SimpleFormIterator>
</ArrayInput>

但是当点击“添加”添加新字段时，它仍然集中在“添加”按钮上。点击“添加”后，有什么方法可以让我们专注于第一个添加的字段？

【问题讨论】：

标签： react-admin

【解决方案1】：

您可以尝试在DateInput 上添加一个autoFocus 属性，但是，这意味着第一项也会在编辑表单中自动聚焦，这可能不是您想要的。

我认为这应该是SimpleFormIterator 的工作。你能在 react-admin 存储库上打开一个功能请求问题吗？

同时，您可以制作自己的表单迭代器来处理焦点。

【讨论】：

谢谢。我们需要更多功能，例如。填充所有现有字段时自动添加字段。所以我们决定使用我们自己的 SimpleFormIterator。