сделал прототип с маленькой формой, а затем перешел к большему приложению - PullRequest
Новая
       5

сделал прототип с маленькой формой, а затем перешел к большему приложению

0 голосов
/ 27 декабря 2018
  • Я могу загрузить полосу загрузки в моей избыточной форме https://codesandbox.io/s/1vq8j73jn4
  • , поэтому с той же логикой я пытался загрузить полосу в своих запросах API.
  • oneзапрос сделан, мне нужно загрузить панель загрузки, а затем мне нужно получить ответ, запрос
  • происходит внутри файла RecipeReviewCardList.js и внутри метода getPlayerssData
  • поскольку пользователи не знают о том, что происходит.
  • Я отлаживал, помещая консоли в запрос и хранилище, все еще не в состоянии понять это
  • можете ли вы сказать мне, как это исправить
  • так что в будущем я исправлю это для более крупного приложения

https://codesandbox.io/s/kxqppprjv

RecipeReviewCardList.js 

  getPlayerssData() {
    this.setState({ loading: true });

    let comments = [];
    fetch("https://jsonplaceholder.typicode.com/comments")
      .then(response => response.json())
      .then(json => {
        console.log("store--->", json);
        store.dispatch(showLoading("sectionBar"));
        comments = json;
        // store.dispatch(hideLoading("sectionBar"));
        // comments = comments.slice(0,3);
        this.setState({
          loading: false,
          comments: comments
        });
        this.setState({ activeComments: comments.slice(0, 10) });
        //console.log(comments);
      });
  }

store.js 

import { createStore, combineReducers } from "redux";
import { reducer as reduxFormReducer } from "redux-form";
import { loadingBarReducer } from "react-redux-loading-bar";

const reducer = combineReducers({
  form: reduxFormReducer, // mounted under "form"
  loadingBar: loadingBarReducer
});
console.log("loadingBarReducer reducer--->", reducer);
const store = (window.devToolsExtension
  ? window.devToolsExtension()(createStore)
  : createStore)(reducer);
console.log("loadingBarReducer store--->", store);

export default store;
...