Open monsterooo opened 6 years ago
branch方法接收三个函数参数,第一个函数返回一个布尔值如果为true则调用branch第二个函数,如果为false则调用branch第三个函数。第二个和第三个为高阶函数,在函数里面可以为组件增强功能。
branch
branch( test: (props: Object) => boolean, left: HigherOrderComponent, right: ?HigherOrderComponent ): HigherOrderComponent
const { compose, branch, withProps } = Recompose; const Foo = compose( branch( props => props.isShow, withProps({ title: '我被显示了' }), withProps({ title: '你看不到我' }), ), )(({ title }) => ( <div>{ title }</div> ))
在codepen在线预览
branch 介绍
branch
方法接收三个函数参数,第一个函数返回一个布尔值如果为true则调用branch
第二个函数,如果为false则调用branch
第三个函数。第二个和第三个为高阶函数,在函数里面可以为组件增强功能。branch Flow Type
branch 实例
在线DEMO
在codepen在线预览