Значение хранилища Redux установлено в обратном вызове

Question

новинка в реагировать на избыточность. У меня возникла проблема при работе с хранилищем резервов.

Данные для магазина загружаются из API. Ниже приведен код следующего кода:

app.js:

import React from 'react';
import { Provider } from 'react-redux';
import store from './store';
import Schema from './components/Schema';
import './styles/bootstrap.css';
import './styles/main.css';

export default class App{
constructor(props) {
    super(props);
    this.state = { store: {}};
}
componentWillMount(){
    store(storeObject => {
        this.setState({store: storeObject});
    });
}
render(){
    return <Provider store={ this.state.store }><Schema /></Provider>
 }
}

магазин / index.js:

export default function(next) {
  getInitialState(function(initialState) { 
    store = createStore(Reducers, initialState, compose(applyMiddleware(...middleware), extension)); 
    console.log(store);//returning  correct store value     
    next(store);
  });
};

main.js:

 import React from 'react';
 import { render } from 'react-dom';
 import { AppContainer } from 'react-hot-loader';
 import App from './app.js';
 const dom = document.getElementById('root');
 render(
    <AppContainer>
       <App />
    </AppContainer>,
    dom
  );

выдает следующую ошибку.

Answer 1

Функция store, которая, как мне кажется, является ссылкой на функцию getStore, ничего не возвращает, что означает, что App ничего не возвращает, следовательно, исключение.

Поскольку getStore выполняет асинхронную операцию, вам придется сделать что-то вроде этого:

export default class App extends Component{

    componentWillMount(){
        store(storeObject => {
            this.setState({store: storeObject});
        });
    }

    render(){
       return <Provider store={ this.state.store }><Schema /></Provider>
    }
}