如何在react redux中调度一个动作onClick？

在React Redux中调度一个动作onClick的方法如下：

首先，确保你已经安装了React和Redux，并且在你的项目中引入了相关的库。
创建一个动作（Action）文件，该文件定义了一个动作的类型和相关的数据。例如，你可以创建一个名为actions.js的文件，并在其中定义一个动作类型和相关的数据，如下所示：

// actions.js

export const CLICK_BUTTON = 'CLICK_BUTTON';

export const clickButton = () => {
  return {
    type: CLICK_BUTTON,
    payload: 'Button clicked!'
  };
};

创建一个减速器（Reducer）文件，该文件定义了如何处理不同类型的动作。例如，你可以创建一个名为reducer.js的文件，并在其中定义一个减速器来处理CLICK_BUTTON动作，如下所示：

// reducer.js

import { CLICK_BUTTON } from './actions';

const initialState = {
  message: ''
};

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

export default reducer;

在你的组件中，使用connect函数将Redux的状态和动作与React组件连接起来，并将动作作为属性传递给组件。例如，你可以创建一个名为ButtonComponent.js的文件，并在其中使用connect函数连接Redux状态和动作，如下所示：

// ButtonComponent.js

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

const ButtonComponent = ({ message, clickButton }) => {
  return (
    <div>
      <button onClick={clickButton}>Click me</button>
      <p>{message}</p>
    </div>
  );
};

const mapStateToProps = state => {
  return {
    message: state.message
  };
};

export default connect(mapStateToProps, { clickButton })(ButtonComponent);

最后，在你的应用程序的根组件中，使用Redux的Provider组件包装你的组件，以便将Redux状态传递给所有的子组件。例如，你可以在你的App.js文件中使用Provider组件，如下所示：

// App.js

import React from 'react';
import { createStore } from 'redux';
import { Provider } from 'react-redux';
import reducer from './reducer';
import ButtonComponent from './ButtonComponent';

const store = createStore(reducer);

const App = () => {
  return (
    <Provider store={store}>
      <ButtonComponent />
    </Provider>
  );
};

export default App;

现在，当你点击按钮时，clickButton动作将被调度，并且Redux状态将被更新，从而导致ButtonComponent组件重新渲染并显示更新后的消息。

这是一个基本的示例，展示了如何在React Redux中调度一个动作onClick。根据你的具体需求，你可以根据这个示例进行扩展和定制。