如何使用 react-redux-firebase 将 'auth' 或 'profile' 对象传递给 firestoreConnect()?

Posted

技术标签:

【中文标题】如何使用 react-redux-firebase 将 \'auth\' 或 \'profile\' 对象传递给 firestoreConnect()?【英文标题】:how to pass 'auth' or 'profile' object to firestoreConnect() with react-redux-firebase?如何使用 react-redux-firebase 将 'auth' 或 'profile' 对象传递给 firestoreConnect()? 【发布时间】:2019-06-23 20:11:08 【问题描述】:

我不知道如何将“profile”或“auth”道具传递给 firestoreConnect() 函数,以便根据用户 ID 或其他键查询集合或文档(我的代码 sn-p 在下面)。

我可以在我的 jsx 代码中访问 'auth' 和 'profile' 对象,但我找不到在 firestoreConnect() 函数中使用它们的方法(我收到一个错误:TypeError: Cannot read property 'uid' of undefined)。如果我对一些 uid 进行硬编码,那么一切正常,但我不能将其作为 props 值传递。

任何建议都非常感谢!

export default compose(
  firebaseConnect(),
  firestoreConnect(props => [ collection: 'projects', where: [['uid', '==', props.auth.uid]] ]), <<--THIS LINE DOES NOT WORK
  connect((state, props) => (
    projects: state.firestore.ordered.projects,
    profile: state.firebase.profile,
    auth: state.firebase.auth,
  ))
)(Projects);

【问题讨论】:

【参考方案1】:

不确定为什么您的代码不起作用(它对我有用)。您是否尝试过 firestoreConnect 中的控制台日志记录道具?像这样:

export default compose(
    firebaseConnect(),
    firestoreConnect(props => 
        console.log(props)
        return [
             collection: 'projects', where: [['uid', '==', props.auth.uid]] 
        ]
    ), 
    connect((state, props) => (
        projects: state.firestore.ordered.projects,
        profile: state.firebase.profile,
        auth: state.firebase.auth,
    ))
)(Projects);

也许这可以让你走上正轨。

希望你解决它!

【讨论】:

我认为您需要将连接放在 firestoreConnect 之前。所以firebaseConnect,connect,firestoreConnect.【参考方案2】:

您可能已经解决了这个问题,但如果其他人遇到这个问题,请在此处发布。 你需要在 firestoreConnect 之前移动你的连接方法,所以是这样的:

export default compose(
  firebaseConnect(),
  connect((state, props) => (
    projects: state.firestore.ordered.projects,
    profile: state.firebase.profile,
    auth: state.firebase.auth,
  )),
  firestoreConnect(props => [ collection: 'projects', where: [['uid', '==', props.auth.uid]] ]), <<--THIS LINE DOES NOT WORK
)(Projects);

【讨论】:

以上是关于如何使用 react-redux-firebase 将 'auth' 或 'profile' 对象传递给 firestoreConnect()?的主要内容,如果未能解决你的问题,请参考以下文章

如何纠正 Redux 商店中的 React-Redux-Firebase 错误

如何使用来自 react-redux-firebase 的 redux thunk getFireBase 和 getFirestore 将数据添加到 firebase doc

如何迁移到 react-redux-firebase v3

如何将 firestoreConnect 指向 React-Redux-Firebase 中的嵌套集合?

`react-redux-firebase` 解决了啥问题?

使用 Firestore 通过“react-redux-firebase”存储配置文件数据?