【React】ant design中Select组件的blur()方法怎么调用？

Z时代
2024-01-10
分类：技术分享

回答

import React, { Component, Fragment } from 'react'
import { Select, Button } from 'antd'
const Option = Select.Option
export default class SelBtn extends Component {
  constructor (props) {
    super(props)
    this.myRef = React.createRef()
  }
  selBlur = () => {
    this.myRef.current.blur()
  }
render () {
    return <Fragment>
        <Select ref={this.myRef} style={{width: 300}}>
          <Option value="jack">Jack</Option>
          <Option value="lucy">Lucy</Option>
        </Select>
        <Button onClick={this.selBlur}>blur</Button>
    </Fragment>
  }
}