Skip to content

qingbopro/React-HOC-demo

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

6 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

React-HOC-demo

项目用的create react app。照常启动就可以。

高阶组件

所谓高阶组件就是返回值是一个组件的函数。对应的是HOCs目录里的组件。

容器组件

也就是高阶组件return的那个组件。这个组件不包含任何视图,只有逻辑。也就是说是逻辑的一个抽象封装。

包裹组件

一个纯视图组件。这个组件没有任何state和方法,一个纯粹依赖props来渲染的视图组件。所以一般不用extends React.Component。对应的是components里的组件。

程序设计逻辑

逻辑和视图分离,达到逻辑也可以复用,视图也可以复用的好处吧。视图只依赖props,也就是说完全和外界解耦了,不管你是用redux还是mobx,视图都可以拿来复用。

About

React HOC demo

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published