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

在Redux中，"presentation"组件是指展示组件，它主要负责展示数据和处理用户交互。而带参数的onClick函数是指在用户点击某个元素时触发的函数，并且该函数需要接收参数。

在Redux中，我们可以通过以下步骤来实现"presentation"组件中带参数的onClick函数：

在Redux中定义一个action，用于触发某个特定的操作。这个action可以接收参数作为payload，用于传递给reducer进行状态更新。
在Redux中定义一个reducer，用于根据action的类型和payload来更新状态。在这个reducer中，我们可以根据需要对参数进行处理，并更新相关的状态。
在"presentation"组件中，使用connect函数将Redux的状态和action与组件进行连接。通过mapStateToProps函数，我们可以将需要的状态映射到组件的props中。通过mapDispatchToProps函数，我们可以将需要的action映射到组件的props中。
在"presentation"组件中，可以通过props来获取需要的状态和action。在需要的元素上，使用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);

在这个示例中，我们定义了一个名为"UPDATE_DATA"的action类型和一个名为updateData的action创建函数。在reducer中，我们根据这个action类型来更新状态。在"presentation"组件中，我们使用connect函数将Redux的状态和action与组件进行连接，并通过props来获取状态和触发更新的函数。在按钮的onClick事件中，我们调用handleClick函数，并传递参数，然后在handleClick函数中调用updateData函数来更新数据。

这样，当用户点击按钮时，会触发相应的onClick事件，并且传递参数给handleClick函数。handleClick函数会调用updateData函数来更新数据，从而触发Redux的状态更新，最终更新到"presentation"组件中展示。

推荐的腾讯云相关产品：无

希望这个答案能够满足你的需求，如果还有其他问题，请随时提问。