小编C0G*_*1T0的帖子

几秒钟后自动从一个组件重定向到另一个组件-反应

我尝试在几秒钟后将用户从一个组件重定向到另一个组件。

用户登陆页面,几秒钟后,他将自动重定向到另一页面。我曾想过要重定向一个动作,但是我不确定这是否是最好的主意(如果您有更简单的方法,我很感兴趣)。

到目前为止,我的代码:

基本组成部分:

import React, { Component } from "react";
import { connect } from "react-redux";
import { withRouter } from "react-router-dom";
import { redirectToProfile } from "../../actions/searchActions";

class Search extends Component {
  componentDidMount() {
    setTimeout(this.props.redirectToProfile(this.props.history), 3000);
  }
  render() {
    return (
      <div>
        <h1>search page</h1>
      </div>
    );
  }
}

export default connect(
  null,
  { redirectToProfile }
)(withRouter(Search));
Run Code Online (Sandbox Code Playgroud)

和动作:

export const redirectToProfile = history => {
  history.push("/");
};
Run Code Online (Sandbox Code Playgroud)

到目前为止,我有一条错误消息:

动作必须是普通对象。使用自定义中间件进行异步操作。

经过研究后,我发现有人解决了中间件重装问题,但是我已经在使用它了,所以我不知道该怎么做。谢谢您的帮助。

reactjs redux redux-thunk

1
推荐指数
1
解决办法
2178
查看次数

标签 统计

reactjs ×1

redux ×1

redux-thunk ×1