Reactjs 尽管设置正确,但将firestore连接到redux store时出错

Reactjs 尽管设置正确,但将firestore连接到redux store时出错,reactjs,redux,google-cloud-firestore,redux-thunk,Reactjs,Redux,Google Cloud Firestore,Redux Thunk,我正试图显示我在react with redux中存储在firestore中的文档列表。但是,尽管设置了my store和my actions,react仍然无法找到firestore对象,这会导致错误,例如未定义的无法调用map() 我相信我已经根据react-redux:v6和react-redux-firebase:v3的最新文档正确设置了所有内容,但他们似乎不想在一起玩得很好!我已经浏览了我的代码,但找不到问题: App.tsx 从“React”导入React; 从“./componen

我正试图显示我在react with redux中存储在firestore中的文档列表。但是,尽管设置了my store和my actions,react仍然无法找到
firestore
对象,这会导致错误,例如未定义的
无法调用map()

我相信我已经根据
react-redux:v6
react-redux-firebase:v3
的最新文档正确设置了所有内容,但他们似乎不想在一起玩得很好!我已经浏览了我的代码,但找不到问题:

App.tsx
从“React”导入React;
从“./components/layout/Navbar”导入导航栏;
//导入'bootstrap/dist/css/bootstrap.min.css';
导入“/App.css”;
从“./components/Dashboard/Dashboard”导入仪表板;
从'redux'导入{createStore,applyMiddleware,compose};
从“./store/reducers/rootReducer”导入rootReducer;
从'react redux'导入{Provider};
从“redux thunk”导入thunk;
进口{
createFirestoreInstance,
getFirestore,
reduxFirestore,
}来自“redux firestore”;
从“react-redux firebase”导入{ReactRedux FirebaseProvider,getFirebase};
从“firebase/app”导入firebase;
导入“firebase/firestore”;
导入“firebase/auth”;
常量firebaseConfig={
};
firebase.initializeApp(firebaseConfig);
firebase.firestore();
const store=createStore(
减根剂,
谱写(
applyMiddleware(
带着额外的论点({
getFirebase,
getFirestore,
})
),
reduxFirestore(firebase)
)
);
常数rrfConfig={
useFirestoreForProfile:true,//Firestore for Profile而不是Realtime DB
};
常数rrfProps={
火基,
配置:rrfConfig,
调度:store.dispatch,
createFirestoreInstance,//{
return(dispatch:Function,getState:any,{{,getFirestore}:any)=>{
//任意代码开始
const firestore=getFirestore();
火库
.collection(“posts”)
.添加({
邮递
createdAt:新日期(),
})
.然后(()=>{
派遣({
键入:“创建帖子”,
岗位:岗位,,
});
})
.catch((错误:Error)=>{
//分派({type:'CREATE_POST_ERROR',ERROR:err});
控制台日志(err);
});
//异步代码结束
};
};
可张贴 这就是我实际尝试显示帖子的地方:

从“React”导入React;
从'react redux'导入{connect};
从'redux'导入{compose};
从“react-redux firebase”导入{firestoreConnect};
const PostTable=(props:{[key:string]:any})=>{
控制台日志(道具);
返回(
#
弗斯特
最后
{props.posts.map((post:{[key:string]:any})=>{
返回(
{post.id}
{post.title}
{post.content}
);
})}
);
};
const-mapStateToProps=(状态:{[key:string]:any})=>{
console.log(状态);
返回{
帖子:state.firestore.ordered.posts,
};
};
导出常量PostTableCompose=compose(
连接(MapStateTops),
firestoreConnect([
{
收集:"帖子",,
},
])
)(PostTable)作为React.ComponentType;