react学习比笔记1---兄弟组件传值

#兄弟组件传值，由one传给two需要安装PubSub

首先定义一个组件One

import React, { Component } from 'react'
import PubSub from 'pubsub-js'
export default class One extends Component {
    componentDidMount(){
        PubSub.subscribe("msg",(evt,data)=>{  //监听接收数据
            console.log(data)
        })
    }
    render() {
        return (
            <div>
              one component
            </div>
        )
    }

    mm(xx){

    }
}

首先再定义一个组件Two

import React, { Component } from 'react'
import PubSub from 'pubsub-js'
export default class Two extends Component {
    send(){
        PubSub.publish("msg",999) //发送数据
    }
    render() {
        return (
            <div>
                <button onClick={this.send}>send</buttom>
            </div>
        )
    }
}