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')
);
推荐阅读
- 由浅入深理解AOP
- 继续努力,自主学习家庭Day135(20181015)
- python学习之|python学习之 实现QQ自动发送消息
- 一起来学习C语言的字符串转换函数
- 定制一套英文学习方案
- 漫画初学者如何学习漫画背景的透视画法(这篇教程请收藏好了!)
- 《深度倾听》第5天──「RIA学习力」便签输出第16期
- 如何更好的去学习
- 【韩语学习】(韩语随堂笔记整理)
- 焦点学习田源分享第267天《来访》