antd提供了Input.Search搜索框组件,它的其余属性和 Input 一致,通过value当然可以修改搜索内容,这里介绍另外一种方法来修改搜索的内容。
直接上代码:
import { useRef } from 'react';
import { Input } from 'antd';
...
const searchRef = useRef(null)
...
<Input.Search
ref={searchRef}
placeholder='请输入'
onSearch={OnSearch}
allowClear>
</Input.Search>
...
const changeVal = ()=>{
searchRef.current.state.value = xxx
}
changeVal()
...