[Recompose] Render Nothing in Place of a Component using Recompose

Learn how to use the ‘branch’ and ‘renderNothing’ higher-order
components to render nothing when a certain prop condition is
met. Sometimes you only want to render a component when valid
props exist or are in a certain condition; ‘renderNothing’ is
an easy way to completely remove the component when you don’t
need to show it.

const userIsNotActive = ({ status }) => status !== 'active';
const hideIfNotActive = branch(userIsNotActive, renderNothing);const FeaturedUser = hideIfNotActive(({ name, status }) =><div><h3>Today's Featured User</h3><User name={ name } status={ status } /><hr /></div>
);

转载于:https://www.cnblogs.com/Answer1215/p/6863604.html

[Recompose] Render Nothing in Place of a Component using Recompose相关推荐

[React Router v4] Conditionally Render a Route with the Switch Component
We often want to render a Route conditionally within our application. In React Router v4, the Route ...
React 的 PureComponent Vs Component
一.它们几乎完全相同,但是PureComponent通过prop和state的浅比较来实现shouldComponentUpdate,某些情况下可以用PureComponent提升性能 1.所谓浅比较 ...
React - children props 与 render props
React - children props 与 render props 一. children props 1. 函数组件形式 2. 类组件形式二. render props 1. 函数组件形式 ...
Vue源码解读（五）：render和VNode
Vue 2.0 相比 Vue 1.0 最大的升级就是利用了虚拟DOM. 在 Vue 1.0 中视图的更新是纯响应式的.在进行响应式初始化的时候,一个响应式数据 key 会创建一个对应的 dep,这个 ...
php render用法,使用render方法的图文详解
这次给大家带来使用render方法的图文详解,使用render方法的注意事项有哪些,下面就是实战案例,一起来看一下. 先说一下对官网上demo的个人理解: Vue的render方法说明 hello w ...
React中PureComponent和Component异同
它们几乎完全相同,但是PureComponent通过prop和state的浅比较来实现shouldComponentUpdate,某些情况下可以用PureComponent提升性能所谓浅比较 ...
编写react组件_React组件的“黄金法则”如何帮助您编写更好的代码
编写react组件以及钩子如何发挥作用 (And how hooks come into play) Recently I've adopted a new philosophy that chan ...
关于 react createFactory 的小技巧
官网说明 React.createFactoryfactoryFunction createFactory(string/ReactClass type ) 复制代码上面函数返回一个用于生成给定类型 ...
前端Reract面试题-------总结（经典）
1.React 中 keys 的作用是什么? Keys 是 React 用于追踪哪些列表中元素被修改.被添加或者被移除的辅助标识. render () {return (‹ul›{this.state ...

[Recompose] Render Nothing in Place of a Component using Recompose

[Recompose] Render Nothing in Place of a Component using Recompose相关推荐

最新文章

热门文章