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)

//img.mukewang.com/szimg/5b6be8fc000151df12160456.jpg

点击button后isAuth变成了true,但页面没跳转到dashboard?

写回答

1回答

mid_one

提问者

2018-08-10

已经决

const mapStateToProps = state => {
    return {
        isAuth: state.auth.isAuth
    }
}

同样的在dashboard.js里面也是这样写

1
1
风雨永远
不知道老师为什么这里就能跳转,这里卡了我好长时间
2019-01-15
共1条回复

Redux+React Router+Node.js全栈开发

全网唯一的React 16+Redux+React Router4实战课程,学到手是你的真本领!

1822 学习 · 750 问题

查看课程