如何从 redux 操作重定向到组件页面

Question

我在我的 web-app 中使用 react 和 redux。所以我被卡住的场景是，单击按钮时，我正在调用我正在调用 API 的 redux 操作 js，然后在块中我已经编写了条件，如果这些通过，那么我需要重定向到差异页面但我不必只更改我需要呈现的不同组件的页面的 URL。我为此使用下面的代码，但似乎控制永远不会从操作中进入我的组件。

动作JS

export function fetchData(data) {
  return function (dispatch) {
    let request = apiRequest(data);
    
    return fetchAPICall(request).then(resp => {
      
      if( resp.data.id==1){
         <OtherComp  data={data} />
      }
    }).catch(error => {
      throw error;
    })
  }
}

获取API调用js

export function fetchAPICall(body) {
  return fetch(SomeURL {
    headers: headerSchema,
    method: "POST",
    body: JSON.stringify(body)
  })
    .then(handleResponse)
    .catch(handleError);
}

OtherComp 只是一个示例静态组件，控件根本不转到该组件。有人可以建议我哪里出错了吗？

Answer 1

试试这个

npm install --save 历史记录

在我的项目中，我在 index.js 中初始化浏览器历史记录：

import { createBrowserHistory } from 'history';

export const browserHistory = createBrowserHistory();

在动作中重定向：

export function fetchData(data) {
  return function (dispatch) {
    let request = apiRequest(data);
    
    return fetchAPICall(request).then(resp => {
      
      if( resp.data.id==1){
          browserHistory.push('/pathToRedirect')
      }
    }).catch(error => {
      throw error;
    })
  }
}