react_shallow_compare_should_component_update_optimization.ts

1import React, { Component } from 'react';
2import shallowCompare from 'react-addons-shallow-compare';
3
4interface MyComponentProps {
5  name: string;
6}
7
8interface MyComponentState {
9  count: number;
10}
11
12export default class MyComponent extends Component<MyComponentProps, MyComponentState> {
13  shouldComponentUpdate(nextProps: MyComponentProps, nextState: MyComponentState): boolean {
14    return shallowCompare(this, nextProps, nextState);
15  }
16
17  render() {
18    return (
19      <div>
20        <h1>{this.props.name}</h1>
21        <p>Count: {this.state.count}</p>
22      </div>
23    );
24  }
25}