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

你可能感兴趣的:(react,antd,#,react,hooks,react.js,javascript,前端)