引用在模态组件内始终为空

Question

无论如何创建，在reactstrap模态组件内部创建的所有ref在compoenentDIDMount内部均为空

这与react-dom版本16.8.6有关。我尝试过使用react.createRef（）和回调直接分配ref。

import { Modal, Form } from 'reactstrap'

class QuickBidModal extends React.Component {
    constructor(props) {
        super(props);
        this.state = {
          isOpen: false,
        };
        this.input1 = React.createRef();
    }

componentDidMount(){
  console.log(this.input1) //Always returns current as null
}

render(){
 <Modal>
  <Form>
  <div className="input" ref={this.input1} />
  </Form>

 </Modal>
}

我希望this.input1是当前属性的类输入。但是，它仅返回null。如果我创建Modal组件的div元素OUTSIDE，则ref可以正常工作。