redux "presentation“组件中带参数的onClick函数

// 定义action类型和创建action的函数
const UPDATE_DATA = 'UPDATE_DATA';

const updateData = (data) => {
  return {
    type: UPDATE_DATA,
    payload: data
  };
};

// 定义reducer
const initialState = {
  data: null
};

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

// 在"presentation"组件中使用connect函数连接Redux
import { connect } from 'react-redux';

const PresentationComponent = ({ data, updateData }) => {
  const handleClick = (param) => {
    // 调用updateData函数来更新数据
    updateData(param);
  };

  return (
    <div>
      <button onClick={() => handleClick('参数1')}>按钮1</button>
      <button onClick={() => handleClick('参数2')}>按钮2</button>
      <p>当前数据：{data}</p>
    </div>
  );
};

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

const mapDispatchToProps = (dispatch) => {
  return {
    updateData: (data) => dispatch(updateData(data))
  };
};

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