Memory Leak

[chentsulin]

If objects don't release reference when they unmount, it will cause memory leak.

A class which show and hide element according to state can easily demonstrate this, like below:

export default class myClass extends Component {
  constructor(props, context) {
    super(props, context);
    this.state = {
      isHidden: false
    };
  }
  componentDidMount() {
    setInterval(() => {
      this.setState({
        isHidden: !this.state.isHidden
      });
    }, 10);
  }
  render() {
    return (
      this.state.isHidden ? null : <CodeEditor />
    );
  }
}

Some minutes later, will like this: