Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/mridgway/hoist-non-react-statics
Copies non-react specific statics from a child component to a parent component
https://github.com/mridgway/hoist-non-react-statics
Last synced: 2 days ago
JSON representation
Copies non-react specific statics from a child component to a parent component
- Host: GitHub
- URL: https://github.com/mridgway/hoist-non-react-statics
- Owner: mridgway
- License: other
- Created: 2015-05-27T23:28:29.000Z (over 9 years ago)
- Default Branch: main
- Last Pushed: 2023-05-26T05:15:42.000Z (over 1 year ago)
- Last Synced: 2025-02-05T20:04:40.835Z (15 days ago)
- Language: JavaScript
- Size: 258 KB
- Stars: 1,802
- Watchers: 17
- Forks: 95
- Open Issues: 28
-
Metadata Files:
- Readme: README.md
- Changelog: CHANGELOG.md
- License: LICENSE.md
Awesome Lists containing this project
- awesome-web-cn - hoist-non-react-statics - 一个将非 react 自己的静态方法从子组件复制到父组件中的库(这在封装高阶组件时经常用到) (Uncategorized / Uncategorized)
- awesome-github-star - hoist-non-react-statics - react specific statics from a child component to a parent component | mridgway | 1797 | (JavaScript)
- awesome-list - hoist-non-react-statics - react specific statics from a child component to a parent component | mridgway | 1663 | (JavaScript)
README
# hoist-non-react-statics
[](http://badge.fury.io/js/hoist-non-react-statics)
[](https://travis-ci.org/mridgway/hoist-non-react-statics)
[](https://coveralls.io/r/mridgway/hoist-non-react-statics?branch=master)
[](https://david-dm.org/mridgway/hoist-non-react-statics)
[](https://david-dm.org/mridgway/hoist-non-react-statics#info=devDependencies)Copies non-react specific statics from a child component to a parent component.
Similar to `Object.assign`, but with React static keywords prevented from
being overridden.```bash
$ npm install --save hoist-non-react-statics
```## Usage
```js
import hoistNonReactStatics from 'hoist-non-react-statics';hoistNonReactStatics(targetComponent, sourceComponent);
```If you have specific statics that you don't want to be hoisted, you can also pass a third parameter to exclude them:
```js
hoistNonReactStatics(targetComponent, sourceComponent, { myStatic: true, myOtherStatic: true });
```## What does this module do?
See this [explanation](https://facebook.github.io/react/docs/higher-order-components.html#static-methods-must-be-copied-over) from the React docs.
## Compatible React Versions
Please use latest 3.x. Versions prior to 3.x will not support ForwardRefs.
| hoist-non-react-statics Version | Compatible React Version |
|--------------------------|-------------------------------|
| 3.x | 0.13-16.x With ForwardRef Support |
| 2.x | 0.13-16.x Without ForwardRef Support |
| 1.x | 0.13-16.2 |## Browser Support
This package uses `Object.defineProperty` which has a broken implementation in IE8. In order to use this package in IE8, you will need a polyfill that fixes this method.
## License
This software is free to use under the Yahoo Inc. BSD license.
See the [LICENSE file][] for license text and copyright information.[LICENSE file]: https://github.com/mridgway/hoist-non-react-statics/blob/master/LICENSE.md
Third-party open source code used are listed in our [package.json file]( https://github.com/mridgway/hoist-non-react-statics/blob/master/package.json).