加载指示器出现，但在react-redux中不移动

加载指示器是一种在应用程序中显示正在进行某项操作的视觉指示工具。它通常用于在数据加载、网络请求或其他耗时操作期间向用户展示进度。

在React-Redux中，加载指示器的移动与具体实现相关。以下是一种可能的实现方式：

首先，需要在Redux的状态管理中定义一个用于控制加载指示器显示与隐藏的状态。可以使用一个布尔值来表示加载状态，例如isLoading。
在React组件中，可以使用connect函数从Redux状态树中获取isLoading状态，并将其作为组件的属性。
在组件的渲染方法中，根据isLoading的值来决定是否显示加载指示器。可以使用条件渲染来实现，例如使用if语句或三元表达式。
在需要进行数据加载或其他耗时操作的地方，可以在操作开始前将isLoading状态设置为true，操作完成后将其设置为false。

以下是一个示例代码：

// 定义Redux状态管理
const initialState = {
  isLoading: false,
};

const reducer = (state = initialState, action) => {
  switch (action.type) {
    case 'START_LOADING':
      return {
        ...state,
        isLoading: true,
      };
    case 'STOP_LOADING':
      return {
        ...state,
        isLoading: false,
      };
    default:
      return state;
  }
};

// React组件
import React from 'react';
import { connect } from 'react-redux';

class MyComponent extends React.Component {
  render() {
    const { isLoading } = this.props;

    return (
      <div>
        {isLoading && <div>加载指示器</div>}
        {/* 其他组件内容 */}
      </div>
    );
  }
}

// 从Redux状态树中获取isLoading状态
const mapStateToProps = (state) => ({
  isLoading: state.isLoading,
});

// 使用connect函数连接Redux状态和React组件
export default connect(mapStateToProps)(MyComponent);

在上述示例中，isLoading状态控制着加载指示器的显示与隐藏。当isLoading为true时，加载指示器会被渲染到组件中，当isLoading为false时，加载指示器会被隐藏。

对于React-Redux中的加载指示器，腾讯云提供了一些相关产品和服务，例如：