Javascript React.js：如何访问组件&x27；函数中作为props传入的s方法？

这是我的代码，我想做的是在模态中，我有两个显示和隐藏模态的方法。您可以看到，当有人单击此AddCustomer组件（实际上是一个按钮）时，将呈现模态。我想通过两个自定义函数handleConfirm和handleCancel。在handleCancel和HandelConfig中是否可以访问Modal的两个方法？或者其他做这件事的好方法？谢谢

var Modal = require('./modal.jsx');

var AddCustomer = React.createClass({
  handleClick: function(){
    $('body').append("<div id='modal-container'></div> ");
    var modal = (
        <Modal
          ref="modal"
          confirm="OK"
          cancel="Cancel"
          onConfirm={this.handleConfirm}
          onCancel={this.handleCancel}
          title="Hello, Bootstrap!">
            This is a React component powered by jQuery and Bootstrap!
        </Modal>
      );

    var modelInstance = React.render(<Modal title="test" />, document.getElementById('modal-container'));
    modelInstance.open();
  },
  handleConfirm:function(){ ??? },
  handleCancel:function(){ ??? },

  render: function() {
    return (
      <div className="ui green button" onClick={this.handleClick}>
        <i className="icon add user"></i>
        Add User
      </div>
    );
  }

});

var-Modal=require（'./Modal.jsx'）；
var AddCustomer=React.createClass({
handleClick:function（）{
$（'body'）。追加（“”）；
var模态=(
这是一个由jQuery和Bootstrap支持的React组件！
);
var modelInstance=React.render（，document.getElementById（'modal-container'）；
modelInstance.open（）；
},
HandleConfig:function（）{？？？}，
handleCancel:function（）{？？？}，
render:function（）{
返回(
添加用户
);
}
});

这就是方法

HandleConfig

和

handleCancel

是传递给

Modal

的两个回调，

Modal

将分别从OK和cancel按钮的

onClick

处理程序调用

在

Modal

内部应该有

<button onClick={this.props.onConfirm}>{this.props.confirm}</button>
<button onClick={this.props.onCancel}>{this.props.cancel}</button>

{this.props.confirm}
{this.props.cancel}

嘿，谢谢，但是这两个函数刚刚传递给model。假设在Modal中我有一个方法

close:function（）{$（React.getDOMNode（this））.Modal.close（）}

，我应该在handleCancel中做什么才能调用这个close方法呢？你应该能够调用

modelInstance

变量上的

close（），只需将其设置为类级属性，以便它在
handleConfirm
和
handleCancel
方法中可见。