React-router-dom重定向不适用于withRouter HOC (react-redux)

React-router-dom是React官方提供的用于构建单页面应用的路由库，它提供了一系列的组件和API来管理应用的路由。

重定向是指在用户访问某个URL时，将其自动导航到另一个URL。在React-router-dom中，可以使用Redirect组件来实现重定向功能。通过设置Redirect组件的to属性，可以指定要重定向到的URL。

withRouter是一个高阶组件（Higher-Order Component，HOC），它可以将路由相关的属性（如history、location、match）注入到被包裹的组件中。通过使用withRouter，我们可以在不是路由组件的地方获取到路由相关的信息。

然而，React-router-dom的重定向功能在使用withRouter HOC时可能会出现问题。这是因为withRouter会将路由相关的属性注入到被包裹组件的props中，而Redirect组件需要直接作为路由组件的子组件使用，而不是通过props传递。因此，直接在使用withRouter的组件中使用Redirect组件是不起作用的。

解决这个问题的方法是，将Redirect组件放在路由组件中，并根据需要使用withRouter将路由相关的属性注入到该组件中。例如：

import { Redirect, withRouter } from 'react-router-dom';

class MyComponent extends React.Component {
  render() {
    // 根据需要进行重定向
    if (condition) {
      return <Redirect to="/new-url" />;
    }

    // 组件的其他内容
    return (
      // ...
    );
  }
}

export default withRouter(MyComponent);

在上述代码中，我们将Redirect组件放在了MyComponent组件中，并根据条件进行重定向。同时，使用withRouter将路由相关的属性注入到MyComponent中，以便在需要时进行路由操作。

总结一下，React-router-dom的重定向功能不适用于使用withRouter HOC的组件。为了解决这个问题，我们可以将Redirect组件放在路由组件中，并使用withRouter将路由相关的属性注入到该组件中。