useMemo与useCallback如何使用？

useMemo和useCallback是React Hooks中两个非常实用的特性，它们可以帮助你优化组件的性能。

useMemo的作用是：当组件在渲染过程中发生了变化时，useMemo可以监视到这种变化，并在该组件重新渲染前，使用计算出的结果来替换掉已经存在的组件，避免了不必要的重渲染。这可以避免在复杂组件中重复计算和渲染相同的内容，从而提高了性能。

useCallback的作用是：当组件接收了新的参数或者状态时，useCallback会监视这种变化，并在该组件重新渲染前，提供一个新的组件回调函数。这可以避免在复杂组件中重复定义相同的回调函数，从而提高了代码的可复用性。

useMemo和useCallback的使用方法如下：

import  from 'react';
const A = useCallback(() => , []);
const B = useMemo(() => 
  return <p>C</p>;
}, [C]);

return <div> </div>;

其中，useMemo的定义中包含了两个参数：一个是在组件中定义状态的变量 C，另一个是一个对象，其中包含了依赖 C 的其他变量。当组件的状态发生变化时，useMemo会在重新渲染之前使用 C 的计算结果来返回一个不同的子组件，从而避免了不必要的重渲染。

而useCallback的定义中包含了三个参数：一个是在组件中定义状态的变量 C，一对包含变量 C 的回调函数。当组件的状态发生变化时，useCallback会在重新渲染之前返回一个新的回调函数，从而避免了重复定义相同回调函数的问题。