connect-to-store
This decorator simplifies connecting to the Redux store, in particular if a top-level store value is to be mapped to a property of the same name.
Basic usage
// passes store.get('foo') as prop 'foo' to the wrapped component (likewise with 'bar')@Component static propTypes = foo: ReactPropTypesarray bar: ReactPropTypesobject
Additionally, a static getPropsFromStore
function can be specified to allow for more fine-grained control:
@ // note the parens static { return bamBaz: store ; } static propTypes = bamBaz: ReactPropTypesobject
If a key (i.e., prop name) appears in both the decorator parameters and the object returned from the static method, the value of the latter overwrites the former.
Notes
If you use Babel 6 you need the babel-plugin-transform-decorators-legacy
plugin to add support for decorators.
In order to use the class properties syntax like in the examples you must enable the transform-class-properties transform (e.g., via using the stage-1 preset).