isAuth修改后页面没跳转?
来源:4-11 react-router4 路由 04-和 Redux 配合-复杂 Redux 应用2
mid_one
2018-08-09
import React, { Component } from 'react'
import { Redirect } from 'react-router-dom'
import { connect } from 'react-redux'
import { login } from './Auth.redux'
// @connect(
// state => state
// )
class Auth extends Component{
handleClickLogin(){
this.props.login()
}
render(){
//console.log(this.props)
return(
<div>
{this.props.isAuth ? <Redirect to='/dashboard' /> : null}
<p>你没有权限查看,需要登录</p>
<button onClick={this.props.login}>登录</button>
</div>
)
}
}
const mapStateToProps = state => {
return {
auth: state.auth
}
}
const authCreators = {login}
export default connect(mapStateToProps, authCreators)(Auth)
点击button后isAuth变成了true,但页面没跳转到dashboard?
写回答
1回答
-
mid_one
提问者
2018-08-10
已经决
const mapStateToProps = state => { return { isAuth: state.auth.isAuth } }同样的在dashboard.js里面也是这样写
112019-01-15
Redux+React Router+Node.js全栈开发
全网唯一的React 16+Redux+React Router4实战课程,学到手是你的真本领!
1822 学习 · 750 问题
相似问题