Function App

demos/performance/Hook.tsx:3–15

()

import { useState, memo, useCallback } from 'react';

export default function App() {
	const [num, update] = useState(0);
	console.log('App render ', num);

	const addOne = useCallback(() => update((num) => num + 1), []);

	return (
		<div>
			<Cpn onClick={addOne} />
			{num}
		</div>
	);
}

const Cpn = memo(function ({ onClick }) {
	console.log('Cpn render');