使用React/redux发出干净的两个连续的axios请求

React是一个用于构建用户界面的JavaScript库，而Redux是一个用于管理应用程序状态的JavaScript库。Axios是一个基于Promise的HTTP客户端，用于发送HTTP请求。

使用React和Redux发出干净的两个连续的axios请求，可以按照以下步骤进行：

首先，确保已经安装了React、Redux和Axios，并将它们导入到你的项目中。
在React组件中，使用Redux来管理应用程序的状态。你可以创建一个Redux store来存储应用程序的状态，并使用Redux的action和reducer来更新和获取状态。
在组件中，使用Axios来发送HTTP请求。Axios提供了一些方法，如axios.get()和axios.post()，用于发送不同类型的请求。
在发送第一个请求之前，你可以在Redux store中设置一个loading状态，以便在请求发送期间显示加载指示器。
使用Axios发送第一个请求。你可以使用axios.get()或axios.post()方法，并提供请求的URL和其他必要的参数。
在请求成功后，你可以在Redux store中更新状态，以便在组件中显示请求的结果。
在发送第二个请求之前，你可以再次设置loading状态。
使用Axios发送第二个请求，使用相同的步骤和方法。
在第二个请求成功后，你可以再次更新Redux store中的状态。

下面是一个示例代码，演示如何使用React、Redux和Axios发出两个连续的干净请求：

// 引入必要的库和组件
import React from 'react';
import { useDispatch, useSelector } from 'react-redux';
import axios from 'axios';

// 定义Redux action类型和reducer
const SET_LOADING = 'SET_LOADING';
const SET_DATA = 'SET_DATA';

const initialState = {
  loading: false,
  data: null,
};

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

// 创建Redux store
const store = createStore(reducer);

// React组件
const MyComponent = () => {
  const dispatch = useDispatch();
  const { loading, data } = useSelector((state) => state);

  const fetchData = async () => {
    try {
      dispatch({ type: SET_LOADING, payload: true });

      // 发送第一个请求
      const response1 = await axios.get('https://api.example.com/endpoint1');
      const data1 = response1.data;

      // 更新状态
      dispatch({ type: SET_DATA, payload: data1 });

      // 发送第二个请求
      const response2 = await axios.get('https://api.example.com/endpoint2');
      const data2 = response2.data;

      // 更新状态
      dispatch({ type: SET_DATA, payload: data2 });

      dispatch({ type: SET_LOADING, payload: false });
    } catch (error) {
      console.error(error);
      dispatch({ type: SET_LOADING, payload: false });
    }
  };

  return (
    <div>
      {loading && <p>Loading...</p>}
      {data && <p>Data: {data}</p>}
      <button onClick={fetchData}>Fetch Data</button>
    </div>
  );
};

// 渲染React组件
ReactDOM.render(
  <Provider store={store}>
    <MyComponent />
  </Provider>,
  document.getElementById('root')
);

在上面的示例中，我们使用了React的useDispatch和useSelector钩子来分发Redux action和获取状态。我们使用了Axios来发送HTTP请求，并在请求成功后更新Redux store中的状态。在组件中，我们显示了加载指示器和请求的数据。

这个示例中没有提及腾讯云相关产品，因为根据要求，不能提及亚马逊AWS、Azure、阿里云、华为云、天翼云、GoDaddy、Namecheap、Google等流行的云计算品牌商。如果你需要使用腾讯云相关产品来支持你的React应用程序，你可以查看腾讯云的文档和产品介绍页面，以了解适合你需求的产品和服务。