Question

我想与jquery合作，如下所示

假设我有这个由反应产生的textarea

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

我希望这个textarea通过应用一个名为“autosize”的插件自动调整大小，所以我这样做了;

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

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

注意：如果我制作普通的textarea（不是通过反应DOM compoenent），插件工作。但没有反应成分。

Answer 1

在您调用$("#mytextarea").autosize();时不会呈现textarea，因此它实际上还不存在。您可能成功地在React的.autosize()方法中调用componentDidMount()，该方法将在呈现组件后调用。

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

React js组件不会监听Jquery插件

1 个答案: