reactjs新手篇this.props

最新推荐文章于 2024-04-02 19:21:37 发布

yixinhuahua666

最新推荐文章于 2024-04-02 19:21:37 发布

阅读量2.9k

点赞数

分类专栏： react学习

本文链接：https://blog.csdn.net/huanhuanshisb/article/details/50232931

版权

react学习专栏收录该内容

1 篇文章 0 订阅

订阅专栏

react把网页上的每一个部分都看做组件，组件内可以套组件。因此就有了父组件和子组件。

this.props的作用是在组件之间传递数据。this.props可以获取父组件的参数比如

<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8" />
    <title>Hello React!</title>
    <script src="build/react.js"></script>
    <script src="build/react-dom.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/babel-core/5.8.23/browser.min.js"></script>
  </head>
  <body>
    <div id="example"></div>
    <div id="hello"></div>
    <script type="text/babel">
      var HelloWorldComponent = React.createClass({
        render: function () {
          return <div>React Component {this.props.author}</div>;
        }
      });
      React.render(
        <HelloWorldComponent author="Kuitos"/>,
          document.getElementById("hello")
      );
    </script>
  </body>
</html>

this.props.author就表示在div组件内获取它的上一层组件HelloWorldComponent的参数author。

父子间的数据流是双向的，因此就有了this.props.children 获取子组件的参数。

yixinhuahua666

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
reactjs新手篇this.props

react把网页上的每一个部分都看做组件，组件内可以套组件。因此就有了父组件和子组件。this.props的作用是在组件之间传递数据。this.props可以获取父组件的参数比如 Hello React! var HelloWorldComponent = React.create
复制链接

扫一扫