react中使用antd的modal模块，想要在modal中拿到一个dom元素该怎么拿

Question

想要在modal中嵌入一个插件，但是需要拿到dom节点标签，该怎么拿到
ref和ReactDOM.findDOMNode方法都已经试过了，得到的结果都是null

父组件：
<AddUserWin ref="AddUserWin" visible={state.visible} title={state.title} hideModal={me.hideModal} record={state.record}
canEdit={state.canEdit}/>

子组件modal模块：
<Modal title={props.title} visible={props.visible} onCancel={this.handleCancel} width="900" footer={modalBtns} >

      <Form horizontal  form={this.props.form}>
          <FormItem>
              <div ref={(ref) => this._div = ref}></div>
              //或者下面这种方式都已经试过
              <div ref='edit'></div>
          </FormItem>
      </Form>
  </Modal>
  

我在子组件的componentDidMount和父组件的componentDidMount以及父组件的modal方法中使用
var editor = ReactDOM.findDOMNode(this._div)或者this.refs.edit都是null
我已经试过当写在modal外面是可以拿到的，代码如下：
<div>

  <Modal title={props.title} visible={props.visible} onCancel={this.handleCancel} width="900"  footer={modalBtns} >
      <Form horizontal  form={this.props.form}>
          <FormItem>
              
          </FormItem>
      </Form>
  </Modal>
  <div ref={(ref) => this._div = ref}></div>
  </div>

这时候ref的div是可以拿到的，但是我需要的实在modal里面，请问大佬有什么方法
期待拿到dom标签元素，实际得到的是null
PS：卡在项目的进度中了，目前很急，希望得到您的帮助，如能解决问题可提供小额红包请您喝一杯咖啡~感谢！

Answer 1

初始化的时候获取不到是因为你一直都在componentDidMount中获取Modal内的dom结构，而目前的react，componentDidMount只会在组件的生命周期内执行一次，它执行的时候Modal组件还未渲染，自然获取不到它其中的DOM结构。

知道原因了，就可以想，既然Modal是visibile属性为true的时候才渲染，那么自然不能在最开始的时候去获取DOM，所以必定要在组件更新的时候去获取，所以可以在componentDidUpdate函数内去获取DOM结构。我试了一下，第一次的时候也是拿不到DOM，感觉是由于动画或者其他原因，但感觉要等到主线程完事再去获取，渲染Modal的方法应该是在主线程里，那么就可以用setTimeout来把获取DOM元素的逻辑放到异步队列中。这样应该就可以获取到了，你试试，我试过可以获取，如图。

Answer 2

你拿dom 节点标签，首先要确定dom 存在。建议可以先把form 表单从modal 中拿出来，看看能不能取到。如果能取到，应该就是modal 在没有显示的时候是没有渲染的，所以里面的form 也没有渲染，导致你拿不到dom 元素。

Answer 3

你的 div 节点定义了ref所以可以拿到，antd 的 <Modal /> 组件没有提供 ref 属性，通过 findDOMNode 方法是拿不到的。不过antd 的 <Form /> 提供了 ref (https://github.com/react-comp...，如果你是要用 findDOMNode 取 form 里的 dom 可以参考前面的链接。
我的建议是用 document.getElementsByClassName 就行

Answer 4

我之前也遇到过，我是在需要调用的地方添加一个setTimeout函数，利用他的异步机制获取dom元素，之后再处理