props使用场景

props 组件

1、App.js

2、mkdir views/Props

3.vi src/views/Props/index.jsx

//基础数据类型

4.vi src/views/Props/child.jsx

//thsi.props.children

5.vi src/views/Props/child1.jsx

//组件、复合数据类型

6.vi src/views/Props/child2.jsx

7.vi src/views/Props/left.jsx

props

可以接受任意参

1.基础数据类型 复合数据类型{}

2.可以通过this.props.children

3.可以接受一个组件

4.一个方法

5.对象{...obj}

6.事件：子组件调用父组件(父传子)

函数组件和类组件的区别：

1.渲染页面不同

  函数组件直接返回return

  类组件需要有个render函数进行返回

2.props

  函数组件是通过函数参数获取props

  类组件中是通过this this.props

 

props 使用 不能隔代传递

props 接受任意参数

props 是只读的