ant-desing的input如何获得焦点
时间: 2024-05-13 18:16:04 浏览: 119
input的focus方法使用
你可以使用 ref 和 autoFocus 属性来让 ant-design 的 Input 组件获得焦点。
首先,在你的组件中定义 ref:
```
import React, { useRef } from 'react';
import { Input } from 'antd';
function MyComponent() {
const inputRef = useRef(null);
return (
<div>
<Input ref={inputRef} autoFocus />
<button onClick={() => inputRef.current.focus()}>Focus Input</button>
</div>
);
}
```
然后,在 Input 组件中设置 autoFocus 属性,这样组件在挂载后就会自动获得焦点。如果你需要在某个事件中让组件获得焦点,你可以使用 ref 来操作组件的 DOM 元素,例如上面的例子中的 button 点击事件。
注意,如果你在 Input 组件外包裹了其他组件,可能需要设置 tabIndex 属性来让组件可以获得焦点。
阅读全文