Ant Design Pro QueryFilter 筛选表单设置不自动聚焦第一个输入框

Ant Design React About 557 words

现象

Ant Design ProQueryFilter默认会聚焦第一个input。需要设置为默认不聚焦(focus)。

autoFocusFirstInput

QueryFilter是基于ProForm组件的,autoFocusFirstInputProForm自带的属性。

注意:autoFocusFirstInput并没有在QueryFilter的文档页面显示,而是在ProForm文档中。

<QueryFilter
  layout="vertical"
  autoFocusFirstInput={false}
  loading={loading}
  onFinish={formData => {
    run(formData);
  }}
  onReset={formData => {
    run(formData);
  }}
>
  <ProFormDatePicker name="date" label="Date"/>
</QueryFilter>

文档

https://procomponents.ant.design/components/query-filter

https://procomponents.ant.design/components/form

Views: 15 · Posted: 2026-09-08

———         Thanks for Reading         ———

Give me a Star, Thanks:)

https://github.com/fendoudebb/LiteNote

扫描下方二维码关注公众号和小程序↓↓↓

扫描下方二维码关注公众号和小程序↓↓↓
Prev Post
Today In History
Browsing Refresh