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

Question

Answer 1

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>
  }
}

注：
createRef()方法需要React v16.3及以上的版本
如果react版本低于16.3使用ref callback的方式获取ref。