hoist-react-statics

Dont forget to hoist all props from a base component

Downloads in past

Stats

StarsIssuesVersionUpdatedCreatedSize
hoist-react-statics
111.0.25 years ago6 years agoMinified + gzip package size for hoist-react-statics in KB

Readme

NPM

The problem

How many times you wrap one component by another? Use the React's HOC paradigm?
const MySuperComponentWrapper = props => (
   <AmazingStuff><WrappedComponent {...props} /></AmazingStuff>
)
That about propTypes? types?

The Solution

import hoistReactStatics from 'hoist-react-staticsr';

const MySuperComponentWrapper = hoistReactStatics(props => (
  <AmazingStuff><WrappedComponent {...props} /></AmazingStuff>
), WrappedComponent);

But why?

Are you mad mate? I need only one line to solve this problem! I have written
const MySuperComponentWrapper = props => (
   <AmazingStuff><WrappedComponent {...props} /></AmazingStuff>
)
MySuperComponentWrapper.propTypes = WrappedComponent.propTypes;

But
  • what about Flow/TS types?
Huh?
Licence
MIT