react 兄弟组件传值（发布订阅，使用于任何组件传值，包括vue）

react中兄弟组件传值常规操作一般是，A组件传给父组件，父组件再传给B组件

非常规操作 利用  pubsub-js

• 在Home组件内调用 PubSub.publish("第一个参数是事件名", 第二个参数是要传递的数据);

import React, { Component } from 'react';

import PubSub from "pubsub-js";

class Home extends Component {
  constructor(props) {
    super(props)
    this.state = {
      msg: "熊的传值的数据"
    }
  }
  render() {
    return (
      <div>
        首页传值
        <button onClick={() => {this.send()}}>点击发送</button>
      </div>
    );
  }
  send = () => {
    //PubSub.publish向外定义方法名 第一个参数是方法名，第二个参数是传递的数据
    PubSub.publish("methodName", this.state.msg);
  }
}

export default Home;

• 在兄弟User组件内调用   PubSub.subscribe("methodName", (msg, data) => { }) }           

　　　　第一个参数是传递过来的时间名，第二个参数是一个函数: 第一个形参是事件名，第二个形参是传递过来的数据

import React, { Component } from "react";

import PubSub from "pubsub-js";

console.log(PubSub)

class User extends Component {
  constructor(props) {
    super(props);
    this.state = {12       value: "",
    };
    // 使用PubSub.subscribe接收数据（第一个参数是方法名，）
    PubSub.subscribe("methodName", (msg, data) => {
      console.log(data, "pppp");
      // this.setState({ text: data });
      this.setState({
        value: data,
      });
    });
  }

  render() {
    return (
      <div>
        用户页接收------- {this.state.value}
      </div>
    );
  }

  getchangevalue = () => {

  }
}

export default User;