react-hoc
v0.1.8
Published
> a higher order component creator helper
Downloads
56
Maintainers
Readme
react-hoc
a higher order component creator helper
reactHOC :: (Enhancer, enhancerDisplayName) => Enhancer
hoc is a higher order enhancer : it take one enhancer and return one enhancer.
it does 3 things :
- hoist non react statics
- hoist/set WrappedComponent property
- hoist/set displayName property
Installation
npm install --save react-hoc
Usage
example with a very basic hoc :
import React from 'react';
import reactHOC from 'react-hoc';
import Dummy from './Dummy';
const withColor = color => reactHOC(WrappedComponent => props => {
return <WrappedComponent color={color} {...props} />
}, color);
const withBlue = withColor('blue');
const BlueComponent = withBlue(Dummy);
BlueComponent.displayName // => "blue(Dummy)"
if reactHOC
enhancerDisplayName parameter is missing, Hoc()
will be used.
const noColor = withColor();
const Test = noColor(Dummy);
Test.displayName // => "Hoc(Dummy)"