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 问题
相似问题