组件实例的三大属性_props
(1)props基本使用
在将组件渲染到页面上的时候是可以携带信息的
其中name是key,tom是value,其他同理
此时在页面中打印Person组件的实例对象
这时候在组件中就可以使用this.props.name拿到数据
这样的优点就是多个组件可以动态修改数据:
可以通过解构赋值简化取值操作:
(2)props进阶使用
1、先定义数据再使用props
方法一:
方法二:
展开符运算扩展:求和运算
复制一个对象:
2、传props时传递数值型
3、对props进行限制
先引入prop-types.js包
(1)对传递的标签属性进行类型的限制
(2)指定name属性必须传递
(3)给sex一个默认值,当sex没写的时候有个默认值
限制必须传递函数:
4、props是只读的,无法修改
评论
匿名评论
隐私政策
你无需删除空行,直接评论以获取最佳展示效果