HOC that provides a simple wrapper API for conditional rendering. It's very simple.
npm install --save react-conditionally-
propsPredicate: A predicate function that accepts apropsobject as its single argument. -
WrappedComponent: The component to render ifpropsPredicatereturns truthy
On it's own:
// ConditionalMyComponent.js
import React from 'react'
import { conditionally } from 'react-conditionally'
import MyComponent from './MyComponent'
export default conditionally(
props => !!props.data,
MyComponent
)Works well with react-redux:
import { connect } from 'react-redux'
import { conditionally } from 'react-conditionally'
import MyComponent from './MyComponent'
const mapStateToProps = state => ({ data: state.data });
export default connect(mapStateToProps)(
conditionally(
props => !!props.data,
MyComponent
)
);Boilerplate'd from react-modern-library-boilerplate