A react component that handles conditional logic in a more elegant manner.

Install

npm install --save react-conditional-manager

Minimal Example

import React from " react " ; import ConditionalManager from " react-conditional-manager " ; const Example = props => { const conditions = [ { loading : props . isLoading } , { error : props . isError } , { empty : props . conversations . length === 0 } ] ; return ( < ConditionalManager conditions = { conditions } > { { loading : < Loading / > , error : < Error / > , empty : < EmptyMessage message = { " No conversations " } / > , default : < InfiniteScroll renderRow = { renderRow } / > } } < / ConditionalManager > ) ; } ; export default Example ;

Props

children : {}

The children prop is an object literal with the different renderable states.

isRequired

conditions : [{state: conditional}]

An array of states with an associated conditional.

First state to not appear in the array, becomes the default state and is rendered if all other conditionals return falsy.

If all states are listed and all conditionals return falsy then the ConditionalManager will render null.

default = []

renderedProps : {}