diff --git a/content/docs/reference-react.md b/content/docs/reference-react.md index e8b3a4fa..65c513e9 100644 --- a/content/docs/reference-react.md +++ b/content/docs/reference-react.md @@ -124,9 +124,9 @@ const MyComponent = React.memo(function MyComponent(props) { }); ``` -`React.memo` is a [higher order component](/docs/higher-order-components.html). It's similar to [`React.PureComponent`](#reactpurecomponent) but for function components instead of classes. +`React.memo` is a [higher order component](/docs/higher-order-components.html). -If your function component renders the same result given the same props, you can wrap it in a call to `React.memo` for a performance boost in some cases by memoizing the result. This means that React will skip rendering the component, and reuse the last rendered result. +If your component renders the same result given the same props, you can wrap it in a call to `React.memo` for a performance boost in some cases by memoizing the result. This means that React will skip rendering the component, and reuse the last rendered result. `React.memo` only checks for prop changes. If your function component wrapped in `React.memo` has a [`useState`](/docs/hooks-state.html) or [`useContext`](/docs/hooks-reference.html#usecontext) Hook in its implementation, it will still rerender when state or context change.