Question

我开始在React中切换到功能/无状态组件，如下所示。

但是我确实反应chartjs-2重新绘制我的图表有问题，即使它们的数据没有改变。在我切换到功能组件之前，使用Reacts PureComponent很容易解决这个问题。

有没有办法让React将PureComponent用于无状态函数？

const ListGroup = props => {
  const {title, width} = (props);

  return (
    <ul className={"grid"} style={{width}}>
      <h1>{title}</h1>
      {props.children}
    </ul>
  )
}

Answer 1

自React v16.6.0起，您可以使用React.memo()：

kpr, err := NewKeypairReloader(*tlsCertPath, *tlsKeyPath)
if err != nil {
    log.Fatal(err)
}
srv.TLSConfig.GetCertificate = kpr.GetCertificateFunc()

使用v16.6.0之前的React版本，您可以使用recompose（停用但仍然维护）并使用pure或onlyUpdateForKeys更高阶组件包装组件：

import React from 'react';

const PureListGroup = React.memo(ListGroup);

反应功能/无状态纯组件

1 个答案: