mirror of
https://github.com/facebook/react.git
synced 2025-11-01 09:12:30 +00:00
Merge pull request #6180 from camjc/master
Update PureRenderMixin docs, adding ES6 example
(cherry picked from commit 1dc705aa0b)
This commit is contained in:
@@ -21,6 +21,22 @@ React.createClass({
|
||||
});
|
||||
```
|
||||
|
||||
Example using ES6 class syntax:
|
||||
|
||||
```js
|
||||
import PureRenderMixin from 'react-addons-pure-render-mixin';
|
||||
class FooComponent extends React.Component {
|
||||
constructor(props) {
|
||||
super(props);
|
||||
this.shouldComponentUpdate = PureRenderMixin.shouldComponentUpdate.bind(this);
|
||||
}
|
||||
|
||||
render() {
|
||||
return <div className={this.props.className}>foo</div>;
|
||||
}
|
||||
}
|
||||
```
|
||||
|
||||
Under the hood, the mixin implements [shouldComponentUpdate](/react/docs/component-specs.html#updating-shouldcomponentupdate), in which it compares the current props and state with the next ones and returns `false` if the equalities pass.
|
||||
|
||||
> Note:
|
||||
|
||||
Reference in New Issue
Block a user