＆＃34;参考文献＆＃34;模态弹出内容给出＆＃39; undefined＆＃39;弹出窗口关闭后

Question

我有一个模态弹出窗口，如下所示

<ModalDialog  ref="modalAdd"  //this is bootstrap modal
  actions={
    <Button type="button" onClick={this.somemethod()} />
                }>
     <ModalContent>
            {this.testContent()}
      </ModalContent>
  </ModalDialog>

从ModalContent方法渲染testContent()，如下所示。

 testContent = () =>{
         return <TestParameterEditor Data={this.state.result} ref="parameterEditor"/>;};. //here TestParameterEditor is classname

所以现在如果我尝试访问 var parameters = _this6.refs["parameterEditor"].getParameters(); _this6.refs["parameterEditor"]为undefined。

感谢。非常感谢您的帮助。

Answer 1

尝试使用callback ref

<ModalDialog ref={c => this.modal = c}
  actions={
    <Button type="button" onClick={this.somemethod()} />
                }>
     <ModalContent>
            {this.testContent()}
      </ModalContent>
  </ModalDialog>