react 组件通信方式

• Z时代
• 2024-01-10
• 分类：综合

1. 父组件给子组件传递数据

• 通过props传递数据信息

2. 自足按键给父组件传递数据

• 通过props传递数据,此时传递的是一个函数
• 子组件收到某些数据后,将数据作为参数调用该函数,此时父组件就可以在对应的方法中接收到对应的参数,然后进行处理

3. 发布订阅

适用于任意组件之间的通信

1. 用法

• 数据接收方订阅消息
• 数据生产方发布消息,订阅消息的一方即可收到发布的消息

2. 示例

import PubSub from 'pubsub-js'
// 发布消息
PubSub.publish('topic',data)
// 订阅消息
token = PubSub.subscribe('atguigu',(data)=>{
			doSomething(data)
		})
// 取消订阅
PubSub.unsubscribe(token)

以上是 react 组件通信方式 的全部内容， 来源链接： utcz.com/z/381372.html