Реакт-редукс-огненная база: помогите! Я не могу заставить queryParams работать на firebaseConnect. Что мне здесь не хватает? - PullRequest
0 голосов
/ 03 апреля 2020

вот мой код:

import React from 'react'
import PropTypes from 'prop-types'
import { connect } from 'react-redux'
import { compose } from 'redux'
import { firestoreConnect,isLoaded,isEmpty } from 'react-redux-firebase'
 function Todos(props) {
    const {todos} = props
  // Show message while todos are loading
  if (!isLoaded(todos)) {
    return <div>Loading...</div>
  }

  // Show message if there are no todos
  if (isEmpty(todos)) {
    return <div>Todos is Empty</div>
  }

  return (
    <div>
      <h1>Todos</h1>
      <div>
        {todos.map(todo=><div key={todo.id}>{JSON.stringify(todo.productName, null, 2)}</div>)}

      </div>
    </div>
  )
}
const mapStatetoProps = (state)=>{
    return{
        todos:state.database.ordered.todos,
    }
}
export default compose(
    connect(mapStatetoProps),
    firestoreConnect([
        {collection: "todos",queryParams: [ 'limitToFirst=3' ]}
    ])
)(Todos)

Я ожидал, что он получит первые три документа из коллекции "todos". но я получаю все коллекции. я попытался изменить queryParams на [ 'orderByChild=text' ] или [ 'startAt=3', 'limitToFirst=2' ]

, но ни один из них, кажется, не ведет себя так, как я ожидал. Чего мне не хватает здесь

Вот версии, которые я использовал:

"firebase": "^5.3.0",
"react": "^16.13.1",
"react-redux": "^5.0.7",
"react-redux-firebase": "^2.1.6",
"redux": "^4.0.5",
"redux-firestore": "^0.5.7",
"redux-thunk": "^2.3.0"

Я новичок в javascript, реагирую, запускаю и запрашиваю. (начал учиться за 4 недели до этого), поэтому любые ответы на вопросы, связанные с обучением и учебой, будут полезны мне и другим новичкам.

...