项目场景:
要求:
项目场景: 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