javascript - 当Reducers更新状态时，路由重定向不会发生

Question

我收到一个使用 reducer 的用户模型。第一个值是 null(因为这是Reducers 的行为方式——这意味着它正在等待并且尚未收到模型)，第二个值是 User 模型本身。

当我获得第一个空值时，组件重定向到“IsNotSetUp”路径，但是当我获得第二个值时，组件将 isUserSetUp 属性显示为 TRUE，但它不会重定向到“IsSetUp”路径？这是怎么回事？

class App extends Component {
    state = { isUserSetUp: false }

    componentWillReceiveProps(nextProps) {
        if (nextProps.auth && nextProps.auth.isProfileSetUp) {
            this.setState({ isUserSetUp: true }, function() {
                console.log("This is when we receive the User model from the reducer");
            });
        }
        else {
            this.setState({ isUserSetUp: false });     
        }

    }

    componentDidMount() {
        this.props.fetchUser();
    }

    render() {
        return (
            <div className="container">
                <BrowserRouter>
                    <div>
                        <Header />
                        <Route exact path="/" component={Landing} />
                        <Route exact path="/dashboard" component={Dashboard} />

                        {/* Profile Set up */}
                        <Route exact path="/setup" render={() => 
                        (
                            this.state.isUserSetUp ? (
                                <Redirect to={'/IsSetUp'} />
                            ) : (
                                <Redirect to={'/IsNotSetUp'} />
                            )
                        )}
                     />
                    </div>
                </BrowserRouter>
            </div>
        );
    }
};

出了什么问题？有什么解决方法吗？我采取的更好的建议路径是什么？

提前致谢，美女；)

Answer 1

您可以使用hashHistory来实现这一点。

import {
  hashHistory
} from 'react-router';

/**
 * [update route of the application]
 * @param  {String} route [new route of the application]
 */
const updateRoute = (route) => {
  hashHistory.push(route);
};

updateRoute('/IsSetUp');

<script src="https://cdnjs.cloudflare.com/ajax/libs/react/15.0.0/react.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/react/15.0.0/react-dom.min.js"></script>

如果有帮助请告诉我。