f4870cd530 | ||
---|---|---|
.. | ||
es | ||
LICENSE | ||
README.md | ||
forwardRef.d.ts | ||
forwardRef.js | ||
index.d.ts | ||
index.js | ||
injectContextAsProp.js | ||
mapContextToProps.d.ts | ||
mapContextToProps.js | ||
package.json | ||
transformContext.js |
README.md
@restart/context
React context helpers.
Install
npm install @restart/context
Usage
import React from 'react';
import mapContextToProps from '@restart/context/mapContextToProps';
const MyValueContext = React.createContext(null);
function MyComponent(props) {
/* ... */
}
const MyComponentWithMyValue = mapContextToProps(
MyValueContext,
myValue => ({ myValue }),
MyComponent,
);
const withMyValue = Component =>
mapContextToProps(
{
consumers: MyValueContext,
mapToProps: myValue => ({ myValue }),
displayName: `withMyValue(${Component.displayName || Component.name})`,
},
Component,
);