最大更新深度超出错误reactjs

时间:2020-03-27 10:52:43

标签: reactjs redux

当属性为null时,我正在尝试重定向ReactJS,但出现错误提示

错误:超出最大更新深度。当组件重复调用componentWillUpdate或componentDidUpdate内部的setState时,可能会发生这种情况。 React限制了嵌套更新的数量,以防止无限循环。

我在这里看不到无限循环,有人可以帮忙吗?

import React, { Component } from 'react'
import {Redirect} from 'react-router-dom';
import {connect} from 'react-redux'
import {userProfile} from '../../actions/profile'
import {loadUser} from '../../actions/auth';
import Alert from '../layout/Alert';
class Dashboard extends Component{

    componentDidMount(){
        this.props.userProfile();
    }
    onSubmit=(formvalue) => {
        console.log(formvalue);
    }

    render() {
        if(!this.props.profile.userProfile){
            return <Redirect to="/" />
        }
        return (
            <div>
                <Alert />
                Hello
            </div>
        )

    }

}
const mapStateToProps = state =>{
    return {
        auth: state.auth,
        profile: state.profile
    }
}
export default connect(mapStateToProps,{userProfile,loadUser})(Dashboard);

0 个答案:

没有答案