如何将redux中的参数注入React中的函数

// actions.js
export const setParameter = (param) => {
  return {
    type: 'SET_PARAMETER',
    payload: param
  };
};

// reducer.js
const initialState = {
  parameter: null
};

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

export default reducer;

import React from 'react';
import { connect } from 'react-redux';
import { setParameter } from './actions';

const MyComponent = (props) => {
  const { parameter, setParameter } = props;

  const handleClick = () => {
    setParameter('example parameter');
  };

  return (
    <div>
      <p>Parameter: {parameter}</p>
      <button onClick={handleClick}>Set Parameter</button>
    </div>
  );
};

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

const mapDispatchToProps = (dispatch) => {
  return {
    setParameter: (param) => dispatch(setParameter(param))
  };
};

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