reactjs - react PureRenderMixin 替代品？

Question

我正在尝试采用shallowEqual，其中一种方法是使用 PureRenderMixin。

但我试图远离 javascript mixins ( https://facebook.github.io/react/blog/2016/07/13/mixins-considered-harmful.html )

我也在使用 redux，redux 的 connect 已经提供了纯渲染功能。 (这意味着 redux connect 是提供纯渲染的 HOC)

所以我可以只连接需要纯渲染的组件，但我也阅读了dumb组件/智能组件之间的区别，并且不愿意连接每个组件。

我应该使用connect吗？或者有更好的方法吗？

Answer 1

使用React.PureComponent。

import React from 'react';

class MyComponent extends React.PureComponent {
    render() {
       ...
    }
}

( React Top-Level API )

作为替代方案，您可以使用旧版 shallow-compare addon但它会要求您在每个组件中实现 shouldComponentUpdate。

您应该将代码迁移到 ES6 类，createClass 已被弃用。