react ref 获取和更改input值
·
项目场景:
要求:
项目场景: ref 获取和更改input值
解决方案:
解决方案:
Input— import { Space, Inputge } from ‘antd’;
//dome
<Space size={8} direction="vertical">
<Input maxLength={50} ref={condition} placeholder={props.placeholder} />
<Space size={8}>
<Button type="primary" onClick={treeReq}>
查询
</Button>
<Button type="primary" onClick={reset}>
重置
</Button>
</Space>
</Space>;
treeReq()—reset()
const treeReq = () => {
console.log('获取value值',condition.current.input.value)
};
const reset = () => {
//更改value值
condition.current.setState({ value: '' });
};
重点
设置input值
condition.current.setState({ value: ‘’ });
ref写法二:
ref={(e)=>(condition=e)}
ref这种写法可以省去current,例如:condition.input.value
更多推荐
所有评论(0)