为什么从 react-redux 连接不会将新状态作为道具发送到我的组件？

Question

我在 The Net Ninja Youtube 频道上关注 firebase 的 tutorial，我在将 Redux 中的 store 的数据连接到我的组件时遇到问题，我知道数据将来自firestore 不是立即异步异步的，所以我假设props.projects 将以[] 开始，然后一段时间后它将从firestore 变为真实数据，在记录mapStateToProps 时，状态在mapStateToProps 中成功更改state.firestore.ordered.projects 但是尽管使用了 react-redux 的连接，但在记录 props.projects 时从未发生过这种情况，我真的不知道为什么会发生这种情况：

这是我的代码：

import React from 'react';
import { connect } from 'react-redux';
import { firestoreConnect } from 'react-redux-firebase';
import { compose } from 'redux';
import ProjectList from '../Projects/ProjectList';
import Notifications from './Notifications';

function Dashboard(props) {
    console.log('p', props.projects)
    return (
        <div className="dashboard container">
            <div className="row">
                <div className="col s12 m6">
                  <ProjectList projects={props.projects} />
                </div>
                <div className="col s12 m5 offset-ml">
                    <Notifications />
                </div>
            </div>
        </div>
    )
}

const mapStateToProps = (state) => {
    console.log(state.firestore.ordered.projects)
    return {
        projects: state.firestore.ordered.projects || []
    }
}

export default compose(
    connect(mapStateToProps),
    firestoreConnect([{collection: 'Projects'}])
)(Dashboard);

projectAction.js：

export const createProject = (project) => {
    return (dispatch, getState, { getFirebase, getFirestore }) => {
        const firestore = getFirestore();
        firestore.collection('Projects').add({
            ...project,
            createdAt: new Date()
        }).then(() => dispatch({
            type: 'CREATE_PROJECT',
            project
        })).catch(err => dispatch({
            type: 'CREATE_ERROR',
            err
        }))
    }
}

为什么connect在这里不起作用，并且一旦发生变化就不将数据绑定到组件？？

Answer 1

最初，prop projects 是空的。但是当从 firestore 获取数据时，组件已经被渲染。因此，要更新它，请使用 useEffect 并将 props.projects 作为依赖项。

useEffect(() => {}, [props.projects])