Reactjs 超出了最大更新深度错误

Reactjs 超出了最大更新深度错误,reactjs,redux,Reactjs,Redux,当属性为null时,我尝试重定向,但我得到一个错误 错误:超过最大更新深度。当组件在componentWillUpdate或componentDidUpdate内重复调用setState时,可能会发生这种情况。React限制嵌套更新的数量以防止无限循环 我没有看到无限循环,有人能帮忙吗 import React, { Component } from 'react' import {Redirect} from 'react-router-dom'; import {connect} from

当属性为null时,我尝试重定向,但我得到一个错误

错误:超过最大更新深度。当组件在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);
import React,{Component}来自“React”
从'react router dom'导入{Redirect};
从“react redux”导入{connect}
从“../../actions/profile”导入{userProfile}
从“../../actions/auth”导入{loadUser};
从“../layout/Alert”导入警报;
类仪表板扩展组件{
componentDidMount(){
this.props.userProfile();
}
onSubmit=(formvalue)=>{
console.log(formvalue);
}
render(){
如果(!this.props.profile.userProfile){
返回
}
返回(
你好
)
}
}
常量mapStateToProps=状态=>{
返回{
auth:state.auth,
profile:state.profile
}
}
导出默认连接(MapStateTops,{userProfile,loadUser})(仪表板);
您是否尝试删除,错误是否仍然发生?是。我已经删除了。警报是静态组件,目前没有任何状态。是否尝试删除,并且错误是否仍然发生?是。我已经删除了。警报是静态的,组件现在没有任何状态。