javascript - React js组件不监听Jquery插件

Question

我想与 jquery 进行协作，如下所示

假设我有这个由react生成的文本区域

var textarea = React.createClass({
   render : function(){
       return <textarea id="mytextarea"></textarea>;
   }
});

我希望通过应用一个名为“autosize”的插件来自动调整文本区域的大小，所以我这样做了；

$("#mytextarea").autosize();

ReactDOM.render(<textarea/>, document.getElementById('form'));

注意:如果我制作普通的文本区域(不是通过 React DOM 组件)，则该插件可以工作。 但不适用于 react 组件。

Answer 1

当您调用 $("#mytextarea").autosize(); 时，文本区域并未呈现，因此它实际上还不存在。您可能会成功调用 React 的 componentDidMount() 方法中的 .autosize() ，该方法将在组件渲染后调用。

var textarea = React.createClass({
  componentDidMount: function() {
    $("#mytextarea").autosize();
  },
  render : function(){
    return <textarea id="mytextarea"></textarea>;
  }
});