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;