@wordpress/compose
Version:
WordPress higher-order components (HOCs).
20 lines (14 loc) • 639 B
Markdown
# If Condition
`ifCondition` is a higher-order component creator, used for creating a new component which renders if the given condition is satisfied.
## Usage
`ifCondition`, passed with a predicate function, will render the underlying component only if the predicate returns a truthy value. The predicate is passed the component's own original props as an argument.
```jsx
function MyEvenNumber( { number } ) {
// This is only reached if the `number` prop is even. Otherwise, nothing
// will be rendered.
return <strong>{ number }</strong>;
}
MyEvenNumber = ifCondition( ( { number } ) => number % 2 === 0 )(
MyEvenNumber
);
```