Higher order component to support old props and warn users about the prop change.
npm install react-deprecateHigher order component to support old props and warn users about the prop change.
``bash`
yarn add react-deprecate
`jsx
import React, { Component } from 'react';
import renamePropsWithWarning from 'react-deprecate';
// Your component with the breaking name change
class LibComponent extends Component {
static propTypes = { label: PropTypes.string }
render () {
return {this.props.label};
}
}
// Wrapped, with options old --> new.
// Optional third argument is a custom message renderer.
export default renamePropsWithWarning(
LibComponent,
{ description: 'label', val: 'value' },
({ componentName, prop, renamedProps }) => 'Your message.'
);
// Old AND new props supported:
// description/val mapped to label/value with a console warning in Development``
class UserComponent extends Component {
render () {
return
}
}
Copyright © 2017 Joss Mackison. MIT Licensed.