react怎么写组件( 三 )

: false } )}static contextTypes = { router: React.PropTypes.object.isRequired}; 到这里,一个基本的可复用弹框组件就完成了,在任意一个页面,调用该组件的方法都是一样的,即发送一个action去改变state的状态,然后让弹框组件加载进来 。
隐藏也是改变state的状态 。还有很多的例子,比如表格,li列表(常见在分页组件上)等等 。
无论是一个简单的组件,还是一个复杂的组件,都要记住一点,先抽象出来可变的内容和事件,然后通过action去控制组件的state状态,不要在组件内部去用setState和getState,前提是你也是用redux来管理state 。
组件是个view,要保证组件的纯净,这样服用的程度就会更高 。我的原创链接:/p/23776652 。
【react怎么写组件】

react怎么写组件

文章插图