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

  • 1
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值