mirror of
https://github.com/reduxjs/redux-devtools.git
synced 2024-12-05 07:53:51 +03:00
6782f4ae41
* Move extension * prettier
39 lines
903 B
JavaScript
39 lines
903 B
JavaScript
import React, { Component } from 'react';
|
|
import PropTypes from 'prop-types';
|
|
import { bindActionCreators } from 'redux';
|
|
import { connect } from 'react-redux';
|
|
import Header from '../components/Header';
|
|
import MainSection from '../components/MainSection';
|
|
import * as TodoActions from '../actions/todos';
|
|
|
|
class App extends Component {
|
|
render() {
|
|
const { todos, actions } = this.props;
|
|
return (
|
|
<div>
|
|
<Header addTodo={actions.addTodo} />
|
|
<MainSection todos={todos} actions={actions} />
|
|
</div>
|
|
);
|
|
}
|
|
}
|
|
|
|
App.propTypes = {
|
|
todos: PropTypes.array.isRequired,
|
|
actions: PropTypes.object.isRequired,
|
|
};
|
|
|
|
function mapStateToProps(state) {
|
|
return {
|
|
todos: state.todos,
|
|
};
|
|
}
|
|
|
|
function mapDispatchToProps(dispatch) {
|
|
return {
|
|
actions: bindActionCreators(TodoActions, dispatch),
|
|
};
|
|
}
|
|
|
|
export default connect(mapStateToProps, mapDispatchToProps)(App);
|