Optimize the display of a React component.

Question

We want to optimize the display of this component. ```javascript function Product(props){ return(

{props.name}

{props.description}

by{props.brand}

); } Product.propTypes={ name: PropTypes.string.isRequired, description: PropTypes.string.isRequired, brand: PropTypes.string.isRequired, }; ``` Check the valid optimization(s):

Accepted Answer

Use a Higher Order Component that implements `shouldComponentUpdate`.

Accepted Answer

Transform the `function` into` class` and implement `shouldComponentUpdate`.

Accepted Answer

Transform the `function` into` class` and extend `React.PureComponent`

Answer

Implement `shouldComponentUpdate` as a property of the function, like` propTypes`(ie: `Product.shouldComponentUpdate=...`).

Answer

No need, this component is lightweight and React's Virtual DOM is fast enough to display it.

Question from the React (legacy) test

Optimize the display of a React component.