Initial commit from boilerplate
This commit is contained in:
21
app/containers/app.js
Normal file
21
app/containers/app.js
Normal file
@@ -0,0 +1,21 @@
|
||||
import React, {Component} from 'react';
|
||||
import { createStore, applyMiddleware, combineReducers } from 'redux';
|
||||
import { Provider } from 'react-redux';
|
||||
import thunk from 'redux-thunk';
|
||||
|
||||
import * as reducers from '../reducers';
|
||||
import CounterApp from './counterApp';
|
||||
|
||||
const createStoreWithMiddleware = applyMiddleware(thunk)(createStore);
|
||||
const reducer = combineReducers(reducers);
|
||||
const store = createStoreWithMiddleware(reducer);
|
||||
|
||||
export default class App extends Component {
|
||||
render() {
|
||||
return (
|
||||
<Provider store={store}>
|
||||
<CounterApp />
|
||||
</Provider>
|
||||
);
|
||||
}
|
||||
}
|
33
app/containers/counterApp.js
Normal file
33
app/containers/counterApp.js
Normal file
@@ -0,0 +1,33 @@
|
||||
'use strict';
|
||||
|
||||
import React, {Component} from 'react';
|
||||
import {bindActionCreators} from 'redux';
|
||||
import Counter from '../components/counter';
|
||||
import * as counterActions from '../actions/counterActions';
|
||||
import { connect } from 'react-redux';
|
||||
|
||||
// @connect(state => ({
|
||||
// state: state.counter
|
||||
// }))
|
||||
class CounterApp extends Component {
|
||||
constructor(props) {
|
||||
super(props);
|
||||
}
|
||||
|
||||
render() {
|
||||
const { state, actions } = this.props;
|
||||
return (
|
||||
<Counter
|
||||
counter={state.count}
|
||||
{...actions} />
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
export default connect(state => ({
|
||||
state: state.counter
|
||||
}),
|
||||
(dispatch) => ({
|
||||
actions: bindActionCreators(counterActions, dispatch)
|
||||
})
|
||||
)(CounterApp);
|
Reference in New Issue
Block a user