Я пытался получить мою коллекцию данных из пожарного магазина.но вот проблема
ошибка идет так:
import React, { Component } from 'react'
import Notification from './Notification.js'
import ProjectList from '../projects/ProjectList'
import { connect } from 'react-redux'
import { compose } from 'redux'
import { firestoreConnect } from 'react-redux-firebase'
class Dashboard extends Component {
render() {
//console.log(this.props)
const { projects } = this.props
return(
<div className="dashboard container">
<div className="row">
<div className="col s12 m6">
<ProjectList projects={projects} />
</div>
<div className="col s12 m5 offset-m1">
<Notification />
</div>
</div>
</div>
)
}
}
export default compose(
firestoreConnect(['projects']),
connect((state) => ({
projects: state.firestore.ordered.projects
}))
)(Dashboard)
это мой корневой редуктор
import authReducer from './authReducer'
import projectReducer from './projectReducer'
import { combineReducers } from 'redux'
import { firestoreReducer } from 'redux-firestore'
const rootReducer = combineReducers({
auth: authReducer,
project: projectReducer,
firestore: firestoreReducer
})
export default rootReducer
Мой проектный редуктор выглядит следующим образом
const initState = {
projects: [
{id: '0', title: 'do some JavaScript', content: 'blah blah blah...'},
{id: '1', title: 'grab some vegitables', content: 'blah blah blah...'},
{id: '2', title: 'have a cup of coffee', content: 'blah blah blah...'}
]
}
const projectReducer = (state = initState, action) => {
switch (action.type) {
case 'CREATE_PROJECT':
console.log('project is', action.project)
return state
case 'CREATE_PROJECT_ERR':
console.log('create project error', action.err)
return state
default:
return state
}
}
export default projectReducer
action
export const createProject = (project) => {
return (dispatch, getState , { getFirebase, getFirestore }) => {
// console.log('project: ', project)
// adding data to firestore
const firestore = getFirestore()
firestore.collection('projects').add({
...project,
authorFirstName: 'Herold',
authorSecondName: 'Finch',
authorId: 111,
createdAt: new Date()
}).then(() => {
dispatch({type:'CREATE_PROJECT', project })
}).catch((err) => {
dispatch({type:'CREATE_PROJECT_ERR', err })
})
}
}
, когда я собирал статические данные из этого проектаReducer, все было в порядке,Но я не могу понять, где мне не хватает при получении данных из базы данных.Я попытался понизить реакции-редукс-огненную базу, реактив-редукс, и все же это не работает.Пожалуйста, помогите мне исправить это, или мне нужно знать, есть ли другой метод, который я должен выбрать.Заранее спасибо!