学无先后,达者为师

网站首页 编程语言 正文

使用ref手动改变antd的搜索框Input.Search的搜索内容

作者:明月松江 更新时间: 2022-01-30 编程语言

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()
...

原文链接:https://blog.csdn.net/u010007013/article/details/121790527

栏目分类
最近更新