react-conditional-manager
A react component that handles conditional logic in a more elegant manner.
Install
npm install --save react-conditional-manager
Minimal Example
;; const Example = { const conditions = loading: propsisLoading error: propsisError empty: propsconversationslength === 0 ; return <ConditionalManager conditions=conditions> loading: <Loading /> error: <Error /> empty: <EmptyMessage message="No conversations" /> default: <InfiniteScroll renderRow=renderRow /> </ConditionalManager> ;}; ;
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
: {}
- This object takes all properties and merges them as props into whichever state gets rendered.
- default = {}