React react-router-dom传递props给组件

21 浏览
0 Comments

React react-router-dom传递props给组件

我需要使用路由器来给组件传递props。

下面是我的代码：

import React, { Component, PropTypes } from 'react';
import { connect } from 'react-redux';
import AppBarTop from './appbar/AppBarTop';
import Login from '../pages/login/Login';
import {BrowserRouter as Router, Route} from 'react-router-dom';
class App extends Component {
    render() {
        const { isAuthenticated } = this.props;
        return (
            
                    
                        
            
        );
    }
}
class Login extends Component {
    constructor(props) {
        super(props);
        console.log(props);
    }
    render() {
        return (
            
        );
    }
}
export default connect(null) (Login);

如你所见，我想要将isAuthenticated作为prop传递给Login组件。

当我记录props时，没有找到isAuthenticated prop。我做错了什么？如何正确传递prop？

我按照文档和其他讨论进行操作。据我理解，它应该可以工作。

react-router和react-router-dom的版本是4.0.0。

0