react-high-order-provider

2.0.3 • Public • Published

react-high-order-component

Create react higher-order components (providers) simply.

Example

Create your High-Order component

import React, { PropTypes, Component, createElement } from 'react';
import highOrderProvider from 'react-high-order-provider';
 
@highOrderProvider
export default class Example extends Component {
  render() {
    const { originalProps, component } = this.props;
 
    return createElement(component, {
      ...originalProps,
      myAditionalProp: 123,
    });
  }
}

Extend your component

import React, { Component } from 'react';
import exampleProvider from './Example';
 
@exampleProvider
function MyComponent(props) {
  return (
    <input type="text" placeholder={props.myAditionalProp} />
  );
}

The result will be

<input type="text" placeholder="123" />

Package Sidebar

Install

npm i react-high-order-provider

Weekly Downloads

2

Version

2.0.3

License

Apache-2.0

Last publish

Collaborators

  • zlatkofedor