项目场景:

要求:

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

Logo

腾讯云面向开发者汇聚海量精品云计算使用和开发经验,营造开放的云计算技术生态圈。

更多推荐