Skip to content

Commit 103211d

Browse files
authored
Merge pull request #199 from AMISH-KHAN/issue_#166
Issue #166
2 parents 9b47c10 + 543dd23 commit 103211d

File tree

1 file changed

+6
-0
lines changed

1 file changed

+6
-0
lines changed

courses/react-js/advanced-level/component-optimization/MemoizationExample.js

Lines changed: 6 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1,10 +1,16 @@
11
import React, { useMemo, useState } from "react";
2+
import PropTypes from 'prop-types';
3+
24

35
const ExpensiveComponent = ({ value }) => {
46
const expensiveFunction = (value) => {
57
// Expensive computation
68
return value * 2;
79
};
10+
11+
ExpensiveComponent.propTypes = {
12+
value: PropTypes.number.isRequired
13+
};
814
const memoizedValue = useMemo(() => expensiveFunction(value), [value]);
915
return <div>{memoizedValue}</div>;
1016
};

0 commit comments

Comments
 (0)