reactjs - 连接 PureComponent 可以吗？

Question

我想知道这是否可以:

import React, { PureComponent } from "react";
import { Text, TouchableOpacity } from "react-native";
import { connect } from "react-redux";
import PropTypes from "prop-types";

class ListItem extends PureComponent {
  render() {
    return (
      <TouchableOpacity>
        <Text style={{ color: "red" }}>Some Text</Text>
        <TouchableOpacity />
      </TouchableOpacity>
    );
  }
}

export default connect()(ListItem);

也许还可以添加mapStateToProps()。或者这是一种反模式？我听说 PureComponents 会降低性能......

Answer 1

实际上 connect() 函数默认使包装的组件成为纯组件(参见 docs )。也就是说，仅当属性更改(状态或自己的 Prop )时，包装的组件才会重新渲染。因此，继承 PureComponent 是没有意义的，因为 shouldComponentUpdate 逻辑已经在 connect() 生成的 HOC 中实现了。

I've heard that PureComponents can slow down performance...

PureComponent 执行的浅层 props 比较是相对便宜的操作。我认为这不会成为问题。