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.
2 parents 9b47c10 + 543dd23 commit 103211dCopy full SHA for 103211d
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