вот мой код:
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 недели до этого), поэтому любые ответы на вопросы, связанные с обучением и учебой, будут полезны мне и другим новичкам.