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

我正在阅读“ React Native for iOS Development”这本书,以学习没有任何react.js经验的React Native开发。一些代码使我困惑了一段时间,其中一个在注释之后:

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文件引用该文件,该文件中有一个具有id =“ container”属性的div标签。而已。任何帮助将不胜感激。

麦克尔

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

 var myProp = this.props.myProp

this 在这种情况下,它是对将要渲染的React组件的引用。

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

在此SendInput代码段中我在做什么错?

来自分类Dev

lambda在此python代码中做什么?

来自分类Dev

在此代码段中这是什么?

来自分类Dev

在 React 中传递 props

来自分类Dev

JS 中的“翻译”{ ...props }

来自分类Dev

运算符“:\”在此scala代码中做什么?

来自分类Dev

self [identifier] = some_value在此代码中做什么?

来自分类Dev

编译器在此汇编代码中做什么?

来自分类Dev

Data.Semigroup((<>))在此Haskell排序代码中做什么?

来自分类Dev

Lambda在此代码中做什么(python keras)?

来自分类Dev

在此C ++代码中我在做什么错?

来自分类Dev

过滤React Props中的链接

来自分类Dev

{props.props.title}?为什么不使用{props.title}?

来自分类Dev

下面的代码段中的“4”在做什么?

来自分类Dev

为什么在此代码段中需要eval()?

来自分类Dev

我在此SendInput代码段中做错了什么?

来自分类Dev

在此代码段中realloc有什么作用?

来自分类Dev

C ++在此代码段中“ <”和“>”是什么意思?

来自分类Dev

“ .map()中的prop:props [i%props.length]”背后的逻辑是什么?

来自分类Dev

ReactJS:为什么使用this.props.children?

来自分类Dev

ReactJS:什么时候props不是数组?

来自分类Dev

以下代码段是做什么的

来自分类Dev

这些CSS代码段是做什么的?

来自分类Dev

无法要求()VueJS中props的可变路径

来自分类Dev

React.FC <Props <T >>中的GenericType

来自分类Dev

在React中基于this.props的动态导入

来自分类Dev

如何在React中引用组件的props?

来自分类Dev

从ReactJS中的props onClick获取图像src

来自分类Dev

酶测试中的props.params