React / Redux / Firebase ленивая загрузка - PullRequest
0 голосов
/ 08 февраля 2019

import React, { Component } from 'react';
import Notifications from './Notifications';
import ProjectList from '../projects/ProjectList';
import { connect } from 'react-redux';
import { firebaseConnect } from 'react-redux-firebase';
import { compose } from 'redux';
import { Redirect } from 'react-router-dom';

class Dashboard extends Component {
  render() {
    const { posts, auth } = this.props;
    // if (!auth.uid) return <Redirect to="/signin" />;
    return (
      <div className="dashboard container">
        <div className="row">
          <div className="col s12 m6 ">
            <ProjectList posts={posts} />
          </div>
          <div className="col s12 m5 offset-m1">
            <Notifications />
          </div>
        </div>
      </div>
    );
  }
}

const mapStateToProps = state => {
  return {
    posts: state.firebase.ordered.Posts,
    auth: state.firebase.auth
  };
};


export default compose(
  connect(mapStateToProps),
  firebaseConnect([{ path: 'Posts' }])
)(Dashboard);

Я использую Resact-Redux-Firebase FirebaseConnect для загрузки сообщений из базы данных Firebase в реальном времени.

Проблема в том, что он загружает все сообщения одновременно, когда я хочу ленивую загрузку (бесконечная прокрутка).

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...