реагировать на проблему редуксового пожарного хранилища mapStateToProps при получении данных

Question

Я застрял в очень странной проблеме, проблема в том, что я получаю коллекцию firestore, как это

import React, { Component } from 'react'
import Notification from './Notification'
import ProjectDetails from '../projects/ProjectDetails'
import ProjectList from '../projects/ProjectList'
import { connect } from 'react-redux'
import { firestoreConnect } from 'react-redux-firebase'
import { compose } from 'redux'

class Dashboard extends Component {
    render() {
        console.log('props are' , this.props);
        const {projects} = this.props.fireProjects;
        return (
            <div className="dashboard container">
                <div className="row">
                    <div className="col s12 m6">
                        <ProjectList projects={projects} />
                    </div>
                    <div className="col s12 m6">
                        <Notification />
                    </div>
                </div>
            </div>
        )
    }
}
const mapStateToProps = (state) => {
    console.log('from mstp' , state.firestore.ordered.projects);
    return {
        fireProjects : state.firestore.ordered.projects
    }
}
export default compose(
    connect(mapStateToProps),
    firestoreConnect([
        {collection : 'projects'}
    ])
    )(Dashboard)

, когда я console.log в функции mapStateToProps, я могу видеть объект firebaseProjects, имеющий значения, но когда я консоль.log в коде компонента this.props я вижу firebaseProjects: не определено. что я должен делать? я хочу установить реквизиты компонента, имеющего данные firebaseProjects, поступающие из firestore. Результат консоли

Answer 1

Я думаю, что это опечатка

const {projects} = this.props.firebaseProjects;

const mapStateToProps = (state) => {
    console.log('from mstp' , state.firestore.ordered.projects);
    return {
        fireProjects : state.firestore.ordered.projects
   }
}

В mapStateToProps вы назвали его fireProjects, но вы обращаетесь к нему в компоненте как firebaseProjects