memo

1788 ワード

クラスコンポーネントにPureComponentが含まれている場合、関数コンポーネントにはmemoが含まれます.memoを使うメリットや注意点はPureComponentと同じなので、その使い方を簡単に理解してみましょう.

greeting.jsx


nameはpropsに含まれるコンポーネントです.コールバック関数をパラメータとしてmemo関数に渡すように,関数を渡すとよい.
import React, {memo} from 'react';

const Greeting = memo(props => {
  const {name} = props;
  return (
    <h1>Hello {name}</h1>
  );
});

export default Greeting;