反应& Meteor componentDidMount解释

时间:2016-01-26 23:15:22

标签: javascript meteor reactjs

关注流星反应todo教程,

我对以下几行代码感到困惑,有人可以解释这里发生了什么,因为我觉得在使用其他软件包时需要大量使用。

// we create the account ui component
AccountsUIWrapper = React.createClass({
  componentDidMount() {
    // use meteor blaze to render the login buttons
    this.view = Blaze.render(Template.loginButtons,
    React.findDOMNode(this.refs.container));
  },
  componentWillUnmount() {
    // clean up blaze view
    Blaze.remove(this.view);
  },
  render() {
    return <span ref="container" />;
  }
}); 

谢谢!

1 个答案:

答案 0 :(得分:2)

基于您最近的评论,似乎混淆在于仅包含<span ref=container />的渲染功能。我不熟悉Meteor / Blaze,但我可以根据反应提供足够的教育答案。基本上发生的是在初始渲染之后,正在调用componentDidMount。你有:

Blaze.render(Template.loginButtons,
React.findDOMNode(this.refs.container))

<span ref=container>附加/渲染loginButtons(React.findDOMNode(this.refs.container)将返回this.refs引用的节点。)