当属性为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);