React的props用法详解！

Posted 2023-04-12

参考技术A props是组件（包括函数组件和class组件）间的内置属性，用其可以传递数据给子节点。

props在传递数据的过程中，是只读的不能修改。

展开props属性的一种简洁写法，属于 js展开语法 。

指组件的子元素，下面 props.children 就是指 : "Hello world!"

对于 class 组件，请使用 this.props.children 来获取：

React props

props的基本用法  实例中 name 属性通过 this.props.name 来获取。

 

通过 getDefaultProps() 方法为 props 设置默认值

总结:如果给props设置了默认值 又在React.render调用标签的时候 写上name=Runoob1  那么将优先执行后者 即name=Runoob1  没有设置值的时候才会执行默认值

需注意两点：

1.return 返回值要写在大括号里{}

2.render:function(){}方法中的返回值要指定标签 即把大括号写在标签里面