如何在react js 16.x版本中的两个独立组件之间进行通信

Question

如何在版本16.x的react js中的两个独立组件之间进行通信已使用PubSub库传递数据但它不起作用。有没有办法使这个库工作在最新版本的react js或任何将数据传递给其他组件的其他方法。这是我的代码Cannot pass data using PubSub.publish in react js

Answer 1

您可以使用JavaScript代码

创建服务

// services.js



class Shared {
   sharedData;
}

const  serviceName = new Shared();

export default serviceName;

//在您的组件中

import serviceName from './services.js';

// set data
serviceName.sharedData = {somdata:[]};


// get data
code = serviceName.sharedData;

Answer 2

最好的方法是使用redux。 在React中，您可以将数据（状态）从父级传递给子级。您还可以将回调从父级传递给子级，以便子级中的事件将触发父级中将修改父级数据（状态）的事件。