如何在将ReactJS组件应用于DOM时执行代码

Question

实际上我需要在每次组件或它的差异刷新到DOM时调用$('.datetime-picker').datetimepicker

Answer 1

尝试将componentDidMount和componentDidUpdate与React.findDOMNode(this)一起使用。每次重新渲染时，都会调用组件componentDidUpdate，使用React.findDOMNode(this)可以将组件作为DOM对象。

var DatePicker = new React.createClass({
  /*...*/
  componentDidMount: function() {
      $(React.findDOMNode(this)).datetimepicker();
  },
  componentDidUpdate: function() {
      $(React.findDOMNode(this)).datetimepicker();
  },
  render: function() {
     /* render */
  }
});