为什么这里用的是React.useCallback，而不是普通函数？

在React中，使用React.useCallback而不是普通函数的原因是为了优化性能和避免不必要的重新渲染。

React.useCallback是一个自定义的hook，它用于创建一个记忆化的回调函数。当使用普通函数作为回调函数时，每次组件重新渲染时，该函数都会被重新创建，即使函数的实现没有发生变化。这可能会导致子组件的不必要重新渲染，从而影响性能。

而使用React.useCallback可以解决这个问题。它接受一个回调函数和一个依赖项数组作为参数。只有当依赖项数组中的值发生变化时，才会重新创建回调函数。这样可以确保只有在依赖项发生变化时，才会触发子组件的重新渲染。

使用React.useCallback的优势包括：

1. 性能优化：避免不必要的函数重新创建和组件重新渲染，提高应用的性能。
2. 避免子组件的不必要渲染：当父组件重新渲染时，子组件只有在依赖项发生变化时才会重新渲染，减少不必要的渲染操作。
3. 代码可读性：通过使用React.useCallback，可以清晰地表达出该函数是一个记忆化的回调函数，提高代码的可读性和可维护性。

在使用React.useCallback时，需要注意以下几点：

1. 需要确保依赖项数组中的值是稳定的，避免出现意外的重新渲染。
2. 如果依赖项数组为空，那么每次组件重新渲染时，都会返回相同的回调函数。

对于React.useCallback的更详细介绍和使用示例，可以参考腾讯云的React.useCallback文档：React.useCallback - 腾讯云