reactjs - 尝试使用 ConnectedRouter 进行与推送一起使用的重定向，我的 redux mapStateToProps 给出错误

Question

我的应用程序无法使用以下方式重定向:

dispatch(push("/welcome"));

我尝试按照教程 here 进行操作但使用 ConnectedRouter。

重定向似乎可以在 URL 更改时起作用，但只有 URL 位置发生更改， View 不会重新呈现，也不会显示/welcome 页面的 html。

https://7wm1z5q666.codesandbox.io/welcome )

我创建了一个场景的实时运行示例，希望有人可以帮助我确保所有部分都已就位。

https://codesandbox.io/s/7wm1z5q666

Answer 1

您的重定向代码没问题。

看起来您在这里遇到问题:

const mapStateToProps = state => ({
  email: state.users.email,
});

使用实际字符串，页面将正确重定向和呈现。

const mapStateToProps = state => ({
  email: '<a href="https://stackoverflow.com/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="7617141512361310115815191b" rel="noreferrer noopener nofollow">[email protected]</a>',
});

state.users 未定义，这是因为由于某种原因，您的 state 这里没有指向 redux 存储，而是指向 react-router。我会在 Root.js 中查看您的 redux 和路由器设置。