自定义组件useAppSelector

自定义组件 useAppSelector 是 React Redux 库提供的一个钩子函数，它可以帮助开发者在 React 组件中获取 Redux store 中的 state。

使用 useAppSelector 钩子函数，需要先引入 useSelector 函数和 RootState 类型。

import { useSelector } from 'react-redux';
import { RootState } from '../store/rootReducer';

const MyComponent = () => {
  const count = useSelector((state: RootState) => state.counter.count);

  return (
    <div>
      <p>Count: {count}</p>
    </div>
  );
};

export default MyComponent;

在使用 useAppSelector 钩子函数时，需要传入一个回调函数作为参数，该回调函数的参数为 RootState 类型，返回需要的 state 属性即可。

在上述例子中，我们获取了 Redux store 中的 counter 模块的 count 属性，然后在组件中渲染出来。

需要注意的是，使用 useAppSelector 钩子函数时，需要在组件中先引入 RootState 类型，该类型定义了整个 Redux store 的类型结构。如果没有定义 RootState 类型，会导致 TypeScript 报错。