如何在react redux中更新我的状态？

// actions.js
export const updateStatus = (newStatus) => {
  return {
    type: 'UPDATE_STATUS',
    payload: newStatus
  };
};

// reducer.js
const initialState = {
  status: ''
};

const reducer = (state = initialState, action) => {
  switch (action.type) {
    case 'UPDATE_STATUS':
      return {
        ...state,
        status: action.payload
      };
    default:
      return state;
  }
};

// store.js
import { createStore } from 'redux';
import reducer from './reducer';

const store = createStore(reducer);

export default store;

// MyComponent.js
import React from 'react';
import { connect } from 'react-redux';
import { updateStatus } from './actions';

const MyComponent = ({ status, updateStatus }) => {
  const handleClick = () => {
    updateStatus('New Status');
  };

  return (
    <div>
      <p>Status: {status}</p>
      <button onClick={handleClick}>Update Status</button>
    </div>
  );
};

const mapStateToProps = (state) => {
  return {
    status: state.status
  };
};

const mapDispatchToProps = {
  updateStatus
};

export default connect(mapStateToProps, mapDispatchToProps)(MyComponent);