useStableCallback怎么使用请用中文描述

useStableCallback 是 React Hooks 中提供的一个 hook，用于创建一个稳定的回调函数。

使用 useStableCallback 需要先导入该 hook：

import { useStableCallback } from 'react-use';

然后，可以在函数组件中使用 useStableCallback 创建一个稳定的回调函数。这个回调函数在每次渲染时都会保持稳定，不会因为父组件重新渲染而改变。

例如，我们可以创建一个组件，内部有一个按钮，点击按钮时调用一个回调函数，并且这个回调函数是稳定的。代码如下：

import React from 'react';
import { useStableCallback } from 'react-use';

const MyComponent = () => {
  const handleClick = useStableCallback(() => {
    console.log('Button clicked');
  });

  return (
    <button onClick={handleClick}>Click me</button>
  );
};

在上面的例子中，handleClick 是一个稳定的回调函数，每次重新渲染时都保持不变。这样，即使 MyComponent 父组件重新渲染，handleClick 也不会发生变化。

使用 useStableCallback 可以确保回调函数的稳定性，避免不必要的重新渲染和副作用