React三大属性之props怎么用
导读：本文共2551字符，通常情况下阅读需要9分钟。同时您也可以点击右侧朗读，来听本文内容。按键盘←（左） →（右） 方向键可以翻页。
摘要：props功能在于组件间通信（父子组件），首先说说在各种组件中的用法：类组件//父组件传值classFatherextendsReact.PureComponent{render(){return(<Sonvalue={"son"}/>)}}classSonextendsReact.PureComponent{render(){return(&... ...
目录
(为您整理了一些要点),点击可以直达。
props功能在于组件间通信（父子组件），首先说说在各种组件中的用法：
在函数组件中，props只需要传一个值就好了，非常方便 在React文档中，对props的解释是
当 React 元素为用户自定义组件时，它会将 JSX 所接收的属性（attributes）以及子组件（children）转换为单个对象传递给组件，这个对象被称之为 “props”
所以，我们通过props能得到父类组件上传的值，也能通过props.children直接得到jsx写成的子组件
React在文档中强调
所有 React 组件都必须像纯函数一样保护它们的 props 不被更改。
纯函数的概念我们已经在redux中解释过了，总而言之，我们不能改变props的值。
现在来总结一下组件间通信:
props 首先上一个类组件的写法：
exportdefaultclassSonextendsReact.PureComponent{
然后写一个函数组件的写法：
eventbus(订阅-发布机制)
这个可以理解为弱化的redux。这边我们用库pubsub-js来写。写法如下：
这个方法常用的就是三个api，第一个subscribe,发布的相应的事件，并且定义事件要做什么事。第二个是publish，订阅发布的事情，并且传入相应要改变的值。第三个是unsubscribe用来取消发布的事情，做内存的优化
React三大属性之props怎么用的详细内容，希望对您有所帮助，信息来源于网络。