Где инициализировать хранилище при использовании connect в проекте response-redux

Question

Я новичок в реагировании и редукции, поэтому не понимаю, где инициализировать хранилище с фиктивными данными?Я использую провайдера в корневом компоненте.единственные два способа доступа к магазину, которые я нашел, это либо использовать: -

Provider.childContextTypes = {
   store: React.PropTypes.object
}

, либо с помощью connect,

const mapStateToProps = state => ({
 state:state.contacts
});

const mapDispatchToProps = dispatch => ({
 setDummyData: () => dispatch(setDummyData())
});

export default connect(
 mapStateToProps,
 mapDispatchToProps
)(ComponentName)

, но контакты не инициализированы. Как подойти?

любые ссылки, где я могу найти примеры с подключением и фиктивными данными, будут очень полезны

Answer 1

Вы можете инициализировать store в вашем index.js файле (например, если вы использовали create-react-app).После того, как вы инициализируете свой магазин, вы можете передать его своему провайдеру и обернуть свое приложение провайдером:

const = createStore(someReducers, someMiddleWareIfYouHaveIt)
<Provider store={store}>
    <App />
</Provider>

На сайте ReactJS также есть несколько стартовых наборов здесь .

Answer 2

сделать это либо в createStore для всего магазина, либо в редукторе (ах) для каждого среза.

https://redux.js.org/api/createstore