BuyWhat/src/index.js

import React from 'react'
import {createStore, applyMiddleware} from 'redux'
import reducers from './reducers'
import {Provider, connect} from 'react-redux'
import thunk from 'redux-thunk'
import {View, Text} from 'react-native'
import {SetDev, getStoreList} from './actions'

// import pages
import StoreList from './containers/StoreList'
import ItemsPage from './containers/ItemsPage'

const middleware = [thunk]

const store = createStore(reducers, applyMiddleware(...middleware))

store.subscribe(() => {
  console.log(JSON.stringify(store.getState()))
})

const VV = (props) => {
  console.log(props)
  return (
    <View style={{flex: 1}}>
      {
        props.children
      }
    </View>
  )
}

const CView = connect()(VV)

class Main extends React.Component {

  componentDidMount(){
    let {dev} = this.props
    store.dispatch(SetDev(dev))
    store.dispatch(getStoreList())
  }

  render() {
    return (
      <Provider store={store}>
        <CView>
          <StoreList />
          <ItemsPage />
        </CView>
      </Provider>
    )
  }
}



export default Main