A name spaced compose function to avoid prop collision
npm install namespace-hoc> Namespaces are one honking great idea -- let's do more of those!
namespace-hoc is namespaced compose function that can be used with recompose to avoid prop name collision.
``js`
compose(
opts: string | { namespace: string, propMap: Array
...functions: Array
): Function
#### Usage to namespace a portion of a group of HOC
`js
import ReactDOM from 'react-dom'
import { compose, withProps, mapProps, withState } from 'recompose';
import namespace from 'namespace-hoc';
const App = compose(
withState('state', 'setState', { location: 'france' }),
namespace(
{
namespace: 'toulon',
propMap: { 'state': 'parentState' }, // you can still access props passed in using a the propMap option that is a array of props you want passed in, or an object { key: alias }
},
withState('state', 'setState', { prisoner: 24601 })
mapProps(props => ({ description: }))
)
)((props) => description: {props.toulon.description});
ReactDom.render(
``