react学习笔录(二)

一、组件通信

//props通信(适用于父子组件传递) class App extends React.Component { render() { return ({ this.props.name }); } }ReactDOM.render( , document.getElementById('root') );

【react学习笔录(二)】第三方库(下载pubsub-js)
https://github.com/mroderick/PubSubJS
//pubsub通信(适用于父孙、兄弟组件传递)import PubSub from 'pubsub-js'//安装后引入class App extends React.Component {PubSub.publish('name', 'hello world!'); //发布消息render() { return (hello); } }class Name extends React.Component {componentDidMount() {//订阅消息 PubSub.subscribe('name', (msg, data) => { console.log( msg, data ); }); }render() { return (hello); } }ReactDOM.render( , document.getElementById('root') );

    推荐阅读