Package Exports
- react-class
This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (react-class) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.
Readme
react-class
A carefully crafted base class for all your React components
Features
- auto-bind methods
- optimized to only auto-bind non-lifecycle methods
Install
$ npm install react-class --saveUsage
Instead of extending React.Component you have to extend the class exported by react-class.
import Component from 'react-class'
// or import { Component } from 'react-class
class MyApp extends Component {
render() {
return <div {...props} onClick={this.onClick}>
//onClick is auto-bound to "this", so you can keep your code dry
</div>
}
onClick(){
console.log(this)
// this is correctly bound to the component instance
}
}
## auto-binding
In order to get autobinding, just extend the class exported by `react-class`
```jsx
var ReactClass = require('react-class');
class App extends ReactClass { ... }FAQ
What problems does it solve?
Autobinding, which is a nice-to-have feature!
What if I want to remove it in the future?
react-class is a very thin layer around React.Component, so just in case you decide removing it in the future, you'll be safe and will only have to do very minor code changes.
We're not doing anything magical!