测试react-redux useSelector

const result: ReturnType<typeof selector> = useSelector(selector);

import React from 'react';
import { useSelector } from 'react-redux';

const UserInfo = () => {
  const user = useSelector(state => state.user);

  return (
    <div>
      <h1>{user.name}</h1>
      <p>{user.email}</p>
    </div>
  );
};

export default UserInfo;

import { createSelector } from 'reselect';

const getUser = state => state.user;

const getUserInfo = createSelector(
  [getUser],
  (user) => ({ name: user.name, email: user.email })
);

const UserInfo = () => {
  const userInfo = useSelector(getUserInfo);

  return (
    <div>
      <h1>{userInfo.name}</h1>
      <p>{userInfo.email}</p>
    </div>
  );
};

import { useSelector } from 'react-redux';
import { RootState } from './store'; // 假设这是你的 Redux store 类型定义

const UserInfo = () => {
  const user = useSelector((state: RootState) => state.user);

  return (
    <div>
      <h1>{user.name}</h1>
      <p>{user.email}</p>
    </div>
  );
};