機能的/ステートレスの純粋なコンポーネントを返信する

Question

Reactの機能/ステートレスコンポーネントに切り替えるようになりました。

しかし、私のチャットを再描画する際には、反応チャートのデータが変更されていないにもかかわらず問題があります。機能コンポーネントに切り替える前に、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

あなたはrecomposeを使用してpureまたはonlyUpdateForKeys高次成分を持つコンポーネントをラップすることができます

import pure from 'recompose/pure'; 

const PureListGroup = pure(ListGroup);