react.js中 的this.props包含哪些东西呢?

说 react.js中的this.props是父组件传递给 子组件的对象

我把this.props打印出来 显示的是如下内容
clipboard.png

假若没有父组件 this.props里面是哪些东西呢?

===========
有什么文章有详细讲解这个props吗

我想知道这个props到底是什么 ,这个对象具体的分析

阅读 10.9k
3 个回答

你这样打印是不对的,你应该在只使用react的前提下,在顶层组件打印 this.props,你再看。你提问里面的 props,是你当前组件上面的层层组件给props加的属性。就像 react-redux会把你的state添加到props上一个道理

props是相对于子组件来说的概念,如果你没有父组件,也就没有子组件(雾

官方文档里面有说明props链接Components and Props

结合你上一个提问,你打印出来的props内容是withRouter这个高阶组件给子组件的props。

定义了一个组件的话 组件上传递的数据都是属于 props

<customer-component props1="props1_value" props2="props2_value" />

这样你在customer-component组件内通过 this.props.props1, this.props.props2 都可以取到

深入还是要看文档, 其实讲的挺明白的 组件(Components) 和 属性(Props)

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题
宣传栏