使用 reactjs、firebase（google auth）、react-router 和 redux 设置身份验证。

问题很简单，但我找不到任何在线资源或解决方案来修复它。

无法读取 uid（firebase 中的用户 ID）的权限，因为它告诉我它未定义？我已将其设置为私有路由是一个新组件，并且已将其导入我的应用路由器中。我也计划有一条公共路线。

这是我的代码以及错误的屏幕截图。

PrivateRoute.js

import React from 'react';
import { connect } from 'react-redux';
import { Route, Redirect } from 'react-router-dom';

export const PrivateRoute = (props) => (
    <Route {...props} />
  );

const mapStateToProps = (state) => ({
  isAuthenticated: !!state.auth.uid <-error on this uid
});

export default connect(mapStateToProps)(PrivateRoute);

AppRouter.js

import PrivateRoute from './PrivateRoute'

<Route path="/" component={Login} exact={true}/>
<PrivateRoute path="/dashboard" component={Dashboard} />
<PrivateRoute path="/create" component={AddExp}/>

当我退出并尝试访问 /create 私人路线时出现的错误屏幕截图

已更新以添加 redux 存储配置文件

import authenticationReducer from '../reducers/authentication'

export default () => {
    const store = createStore(
        combineReducers({
            expenses: expensesReducer,
            authentication: authenticationReducer
        }),
        composeEnhancers(applyMiddleware(thunk))
    );
    return store;
};

Auth Reducer（以防万一）需要）

export default (state = {}, action) => {
    switch (action.type) {
        case 'LOGIN':
        return {
            uid: action.uid
        };
        case 'LOGOUT':
        return {

        };
        default:
        return state;
    }
};