如何在React Hooks中更好地使用Redux useSelector

import { useSelector, useDispatch } from 'react-redux';

const reducer = (state = initialState, action) => {
  // 处理不同的action类型，更新状态
  switch (action.type) {
    case 'UPDATE_DATA':
      return { ...state, data: action.payload };
    default:
      return state;
  }
};

import { createStore } from 'redux';

const store = createStore(reducer);

const MyComponent = () => {
  const data = useSelector(state => state.data);

  // 使用data进行渲染或其他操作
  return (
    <div>{data}</div>
  );
};

const MyComponent = () => {
  const dispatch = useDispatch();

  const handleClick = () => {
    dispatch({ type: 'UPDATE_DATA', payload: 'New Data' });
  };

  return (
    <button onClick={handleClick}>Update Data</button>
  );
};