this.props.txt在此代码段中做了什么?

时间:2016-02-25 08:41:33

标签: javascript reactjs react-native

我正在阅读“用于iOS开发的React Native”这本书。学习反应原生发展没有任何react.js经验。 有些代码混淆了我一段时间,其中一个是评论之后:

var App = React.createClass({
  render: function() {
    // why there is this line and what does 'this' in the line stand for?
    var txt = this.props.txt
    return (
            <div>
              <h1>{myProp}</h1>
            </div>
            );
  },
});
React.render(
    <App myProp='Hi from prop' />, document.getElementById('container'));

这是整个js文件,它将从一个html文件中引用,其中有一个div标签,其id =&#34; container&#34;属性。而已。 任何帮助都会很感激。

1 个答案:

答案 0 :(得分:0)

似乎此代码中存在错误,该行应为

 var myProp = this.props.myProp

this在此上下文中是对即将呈现的React组件的引用。