Javascript 在这个代码段中this.props.txt做了什么？

我正在阅读《React Native for 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'));

var-App=React.createClass({
render:function（）{
//为什么会有这条线？这条线代表什么？
var txt=this.props.txt
返回(
{myProp}
);
},
});
反应(
，document.getElementById（'container'）；

这是整个js文件，它将从html文件中引用，该文件中有一个具有id=“container”属性的div标记。没别的了。

---

任何帮助都将不胜感激。

此代码中似乎有错误，应删除该行

 var myProp = this.props.myProp

---

此

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

此代码中似乎有错误，应删除该行

 var myProp = this.props.myProp

---

本文中的

是对即将呈现的React组件的引用。

非常感谢！经过一些调试之后，我终于对它的工作原理有了更清晰的了解。正如你提到的，代码片段中有一个bug，我按照你的建议进行了更正。一切正常。除了一个问题，即如果

此

引用要呈现的React组件，返回函数的参数是什么？它应该是React组件，不是吗？

return

不是一个函数，而是一个语句。括号只是为了清楚起见。

render

函数返回一个JSX，该JSX在传输到javascript时被转换成一堆

React.createComponent（）

callsOh，这是对

return

word的一大误解。您能给我一些关于

React.createComponent（）

的详细信息，甚至是一个链接或其他什么吗？我做了一些谷歌搜索，并在书中查找。没找到多少。对不起，我错了。实际上是

React.createElement

。下面是对JSX的一些介绍，以及如何将其转换为JavaScript代码：非常感谢！经过一些调试之后，我终于对它的工作原理有了更清晰的了解。正如你提到的，代码片段中有一个bug，我按照你的建议进行了更正。一切正常。除了一个问题，即如果

此

引用要呈现的React组件，返回函数的参数是什么？它应该是React组件，不是吗？

return

不是一个函数，而是一个语句。括号只是为了清楚起见。

render

函数返回一个JSX，该JSX在传输到javascript时被转换成一堆

React.createComponent（）

callsOh，这是对

return

word的一大误解。您能给我一些关于

React.createComponent（）

的详细信息，甚至是一个链接或其他什么吗？我做了一些谷歌搜索，并在书中查找。没找到多少。对不起，我错了。实际上是

React.createElement

。以下是对JSX的一些介绍，以及如何将其转换为JavaScript代码：