1.0.2 • Published 5 years ago

hoist-react-statics v1.0.2

Weekly downloads
2,318
License
MIT
Repository
github
Last release
5 years ago

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