Question

我正在使用ReactJS和Bootstrap.js创建一个模态。我的App.js是：

var App = React.createClass({
  showModal: function() {
    $(this.refs.modal.getDOMNode()).modal();
  },
  render : function(){
    return (
      <div>
        <button className="btn btn-default" onClick={this.showModal}>
            Show Modal
        </button>
        <Modal ref="modal" />
      </div>
    );
  }
});
ReactDom.render(<App/>, document.getElementById('app'))

当我点击 show modal 控制台时，告诉我getDOMNode的错误不是函数。

PS：请不要建议使用React-Bootstrap我不想使用普通的bootstrap.js来创建它。

提前致谢

Answer 1

更改行

$(this.refs.modal.getDOMNode()).modal();

到

$(ReactDOM.findDOMNode(this.refs.modal)).modal();

getDOMNode不是一个函数

1 个答案: