react学习(13)props

知识点

1:props的基本使用类似于标签的属性,只要在组件标签的地方写上key和value,组件实例的props就会收集到。


react学习(13)props
image.png

2:批量传递props

let p = {name:'tom',age:18,sex:'女'};
ReactDOM.render(,document.getElementById('test'));

注意:此处的{…p}并不是复制克隆对象的意思,就是展开传入,但是只能在组件标签这里使用,其他地方都不能这么写。
3:对props进行限制:需要引入一个js库


    

注意:函数类型要写成:func。
4:props是只读的,不允许修改。
5:props的简写形式,其实是把类型限制移动到Person内部,也是直接使用赋值语句,只是前面需要加上static,如果不加static的话相当于是加到类实例的身上。

其他

react学习(5)jsx语法

2024-12-9 10:39:55

其他

react学习(15)函数式组件中使用props

2024-12-9 10:40:01

0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
个人中心
购物车
优惠劵
搜索