Open monsterooo opened 6 years ago
renderComponent用于包装一个组件为高阶函数,当一个组件需要成为高阶函数和其他高阶函数组合时比较有用,比如和branch组合
renderComponent
branch
renderComponent( Component: ReactClass | ReactFunctionalComponent | string ): HigherOrderComponent
const { compose, branch, renderComponent } = Recompose; const Bar1 = () => (<p>Bar1</p>); const Bar2 = () => (<p>Bar2</p>); const Foo = compose( branch( props => props.isShow, renderComponent(Bar1), renderComponent(Bar2), ), )(({ title }) => ( <div>{ title }</div> ))
在codepen在线预览
renderComponent 介绍
renderComponent
用于包装一个组件为高阶函数,当一个组件需要成为高阶函数和其他高阶函数组合时比较有用,比如和branch
组合renderComponent Flow Type
renderComponent 例子
在线DEMO
在codepen在线预览