We read every piece of feedback, and take your input very seriously.
To see all available qualifiers, see our documentation.
There was an error while loading. Please reload this page.
1 parent e60b7da commit a8cad5eCopy full SHA for a8cad5e
courses/react-js/advanced-level/component-optimization/MemoizationExample.js
@@ -1,10 +1,16 @@
1
import React, { useMemo, useState } from "react";
2
+import PropTypes from 'prop-types';
3
+
4
5
const ExpensiveComponent = ({ value }) => {
6
const expensiveFunction = (value) => {
7
// Expensive computation
8
return value * 2;
9
};
10
11
+ ExpensiveComponent.propTypes = {
12
+ value: PropTypes.number.isRequired
13
+ };
14
const memoizedValue = useMemo(() => expensiveFunction(value), [value]);
15
return <div>{memoizedValue}</div>;
16
0 commit comments