React功能/无状态纯组件

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

但是我确实遇到了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> 
) 
}

来源

2016-11-30 Drejer

会如何使用作出反应的PureComponent允许在没有数据的变化重新渲染？你用某种生命周期方法强迫它？另外，你为什么要这样做呢？ – Pineda

完全相反。当道具没有改变时，我不希望它重新渲染组件。 PureComponents解决了react-chartjs-2造成的这个问题:) – Drejer

您可以使用recompose并与pure或onlyUpdateForKeys高位成分包裹组件：

import pure from 'recompose/pure'; 

const PureListGroup = pure(ListGroup);

来源

2016-11-30 08:18:59

工程就像一个魅力。谢谢！ – Drejer

不客气:) –

React功能/无状态纯组件

回答

相关问题