反应从firebase读取,得到错误

Ali*_*Ali 5 firebase reactjs

我正在尝试从Firebase集合中获取数据,但出现错误,有人可以帮忙吗?我收到此错误

错误:找不到来自react-redux的上下文。如果您使用的是react-redux v6 v3。需要react-redux-firebase版本。请查看v3迁移指南:

这是我的代码。

import React, { Component } from 'react'
import Notifications from './Notifications';
import ProjectList from '../projects/ProjectList';
import {connect} from 'react-redux';
import {firestoreConnect} from 'react-redux-firebase';
import {compose} from 'redux';
import { firebaseConnect, isLoaded, isEmpty } from 'react-redux-firebase'

class Dashboard extends Component {
render() {

return (
  <div className="dashboard container">
    <div className="row">
        <div className="col s12 m6"><ProjectList projects={this.props.projects}></ProjectList></div>
        <div className="col s12 m5 offset-m1"><Notifications></Notifications></div>
    </div>
  </div>
)
}
}
const mapStateToProps = (state) =>
{
  console.log(state);
 return ({projects:state.projectReducer.projects})
}
export default compose(firebaseConnect([
'projects'
]), connect(mapStateToProps)) (Dashboard)
Run Code Online (Sandbox Code Playgroud)

我尝试了此导出,但存在相同的错误

export default compose(connect(mapStateToProps), firestoreConnect([
{collection:'project'}
])) (Dashboard)
Run Code Online (Sandbox Code Playgroud)

这是我的package.json

{
"name": "myproject",
"version": "0.1.0",
"private": true,
"dependencies": {
"firebase": "^5.7.0",
"firedux": "^1.1.0",
"react": "^16.6.3",
"react-dom": "^16.6.3",
"react-redux": "^6.0.0",
"react-redux-firebase": "^2.2.5",
"react-router-dom": "^4.3.1",
"react-scripts": "2.1.1",
"redux": "^4.0.1",
"redux-firestore": "^0.6.0",
"redux-thunk": "^2.3.0"
},
"scripts": {
"start": "react-scripts start",
"build": "react-scripts build",
"test": "react-scripts test",
"eject": "react-scripts eject"
},
"eslintConfig": {
"extends": "react-app"
},
"browserslist": [
">0.2%",
"not dead",
"not ie <= 11",
"not op_mini all"
]
}
Run Code Online (Sandbox Code Playgroud)

Kab*_*any 5

错误很明显,您在使用react-redux-firebase^2.2.5时需要使用v3,因为您正在使用react-redux^6.0.0

您必须更新 react-redux-firebase