reactjs - firestoreConnect 错误：需要收集来构建查询名称

Question

我正在尝试将 react-redux-firebase 配置为与 redux-firestore 一起使用。我遵循了官方文档中的示例设置，一切似乎都可以正常工作，直到我使用 react-redux-firebase 中的 firestorConnect 连接组件。一旦连接的组件安装，我就会收到以下错误：

未捕获的错误：构建查询名称需要收集

这就是我尝试连接组件的方式：

import React, { Component } from 'react';
import { connect } from 'react-redux';
import { compose } from 'redux';
import { firestoreConnect } from 'react-redux-firebase';

export class TestComponent extends Component {
  render() {
    return <div>test</div>;
  }
}

export default compose(
  firestoreConnect(['test']),
  connect(state => ({
    test: state.firestore.ordered.test
  }))
)(TestComponent);

更新

可以通过以下方式指定集合来解决问题：

firestoreConnect([{ collecion: 'test' }])

这很奇怪，因为官方 Docs声明以下内容也应该有效。

import { compose } from 'redux'
import { connect } from 'react-redux'
import { firestoreConnect } from 'react-redux-firebase'

export default compose(
 firestoreConnect(['todos']), // or { collection: 'todos' }
 connect((state, props) => ({
   todos: state.firestore.ordered.todos
 }))
)(SomeComponent)

我很困惑。

Answer 1

我只是遇到了同样的错误，在我的情况下，我错过collection了firestoreConnect.

错误：

export default compose(
  firestoreConnect([
    { projects: 'projects' }
  ]),
  connect(mapStateToProps, mapDispatchToProps)
)(Header);

对：

export default compose(
  firestoreConnect([
    { collection: 'projects' }
  ]),
  connect(mapStateToProps, mapDispatchToProps)
)(Header);