由于我无法访问您的所有代码（也无法调试它），这里有一个更好的方法来获取数据。我已经将其结构化为与您所拥有的非常接近，如果您遵循工作示例，您应该能够消除这个问题。
我做了什么：
1.将onSubmit={this.onSubmit}重命名为更标准的声明性this.handleSubmit方法
1.在handleSubmit类方法中调用this.setState()以删除selectedOption值，然后在setState回调中调用getCurrentProfile(value, history)（用您的tempArray替换value）
1.已将您的<input type="submit" ... />更改为<button type="submit" ... />
1.为axios.get(...)调用添加了return（我还包括了getCurrentProfile的async/await版本，它可能更容易理解--还用axios.get调用替换了axios.post调用）
1.删除了Redirect，而是在action创建器中放置了一个重定向为history.push('/');（一旦成功发送请求，它将把用户重定向回“/”--如果出错，则不重定向）
1.始终将redux状态保持为1：1。换句话说，如果它是数组，则保持为数组（而不是null），如果它是字符串，则保持为字符串（而不是number）......以此类推。在使用PropTypes,时，如果您不保持这种1：1模式，则应用将抛出错误。例如，您最初将profile: null设置为，但随后又将其设置为profile: [ Object, Object, Object ... ]。相反，它最初应该为：profile: [] .
1.使用PropTypes时，避免使用模棱两可的型别（例如object或array），而是描述它们的结构。
1.由于redux的性质以及组件的设置方式，您不需要分派setProfileLoading。您可以只更新数据，连接的React组件将更新以反映新的更改。在短时间内分别分派两个redux操作很可能导致组件闪烁（可以将其想象为在一秒钟内调用this.setState()两次--这将导致组件闪烁）。
工作示例：https://codesandbox.io/s/ovjq7k7516

选择选项.js

import React, { Component } from "react";
import { connect } from "react-redux";
import PropTypes from "prop-types";
import { withRouter } from "react-router-dom";
import Select from "react-select";
import { clearCurrentProfile, getCurrentProfile } from "../actions";

const options = [
  { value: "todos?userId=1", label: "Todos" },
  { value: "comments?postId=1", label: "Comments" },
  { value: "users?id=1", label: "Users" },
  { value: "albums?userId=1", label: "Albums" }
];

class SelectOption extends Component {
  state = {
    selectedOption: []
  };

  handleSubmit = e => {
    e.preventDefault();
    const { getCurrentProfile, history } = this.props;
    const { value } = this.state.selectedOption;

    this.setState({ selectedOption: [] }, () =>
      getCurrentProfile(value, history)
    );
  };

  handleChange = selectedOption => this.setState({ selectedOption });

  render = () => (
    <div className="container">
      <form onSubmit={this.handleSubmit}>
        <Select
          value={this.state.selectedOption}
          onChange={this.handleChange}
          options={options}
        />
        <div className="save-button">
          <button type="submit" className="uk-button uk-button-primary">
            Save Preferences
          </button>
        </div>
        <div className="clear-button">
          <button
            type="button"
            onClick={this.props.clearCurrentProfile}
            className="uk-button uk-button-danger"
          >
            Reset Preferences
          </button>
        </div>
      </form>
    </div>
  );
}

export default connect(
  state => ({ profile: state.profile }),
  { clearCurrentProfile, getCurrentProfile }
)(withRouter(SelectOption));

SelectOption.propTypes = {
  clearCurrentProfile: PropTypes.func.isRequired,
  getCurrentProfile: PropTypes.func.isRequired,
  profile: PropTypes.shape({
    profile: PropTypes.arrayOf(PropTypes.object),
    profiles: PropTypes.arrayOf(PropTypes.object),
    loading: PropTypes.bool
  }).isRequired
};

操作/索引.js

import axios from "axios";
import { GET_PROFILE, PROFILE_LOADING, CLEAR_CURRENT_PROFILE } from "../types";

//Get current profile
export const getCurrentProfile = (preference, history) => dispatch => {
  // dispatch(setProfileLoading()); // not needed 
  return axios
    .get(`https://jsonplaceholder.typicode.com/${preference}`)
    .then(res => {
      dispatch({
        type: GET_PROFILE,
        payload: res.data
      });
      // history.push("/") // <== once data has been saved, push back to "/"
    })
    .catch(err =>
      dispatch({
        type: GET_PROFILE,
        payload: { err }
      })
    );
};

//Get current profile (async/await)
// export const getCurrentProfile = (preference, history) => async dispatch => {
//   try {
//     dispatch(setProfileLoading()); // not needed

//     const res = await axios.get(
//       `https://jsonplaceholder.typicode.com/${preference}`
//     );

//     dispatch({
//       type: GET_PROFILE,
//       payload: res.data
//     });

//     // history.push("/") // <== once data has been saved, push back to "/"
//   } catch (e) {
//     dispatch({
//       type: GET_PROFILE,
//       payload: { e }
//     });
//   }
// };

//Profile Loading
export const setProfileLoading = () => ({ type: PROFILE_LOADING });
//Clear Profile
export const clearCurrentProfile = () => ({ type: CLEAR_CURRENT_PROFILE });

还原器/索引.js

import { combineReducers } from "redux";
import { CLEAR_CURRENT_PROFILE, GET_PROFILE, PROFILE_LOADING } from "../types";

const initialState = {
  profile: [],
  profiles: [],
  loading: false
};

const profileReducer = (state = initialState, { type, payload }) => {
  switch (type) {
    case PROFILE_LOADING:
      return {
        ...state,
        loading: true
      };
    case GET_PROFILE:
      return {
        ...state,
        profile: payload,
        loading: false
      };
    case CLEAR_CURRENT_PROFILE:
      return {
        ...state,
        profile: []
      };
    default:
      return state;
  }
};

export default combineReducers({
  profile: profileReducer
});

我遇到了同样的问题。显然，React.StrictMode导致了这个问题。你可以在index.js中找到React.StrictMode。删除React.StrictMode解决了这个问题。但是，我不推荐这样做。
StrictMode是一个用于突出显示应用程序中潜在问题的工具。与Fragment一样，StrictMode不呈现任何可见的UI。它为其子项激活附加检查和警告。
StrictMode目前可帮助：

• 正在识别具有不安全生命周期的组件d
• 有关旧字符串引用API用法的警告
• 有关已弃用findDOMNode用法的警告
• 检测意外副作用
• 正在检测旧版上下文API
• 确保可重复使用状态

当您构建应用的生产版本时，React.StrictMode将被自动删除，因此您无需删除它。您可以在此处阅读更多关于React.StrictMode的信息！