mirror of
https://github.com/reduxjs/redux-devtools.git
synced 2024-11-15 22:26:53 +03:00
27 lines
725 B
JavaScript
27 lines
725 B
JavaScript
import React, { Component } from 'react';
|
|
import { bindActionCreators } from 'redux';
|
|
import { Connector } from 'react-redux';
|
|
import Header from '../components/Header';
|
|
import MainSection from '../components/MainSection';
|
|
import * as TodoActions from '../actions/TodoActions';
|
|
|
|
export default class TodoApp extends Component {
|
|
render() {
|
|
return (
|
|
<Connector select={state => ({ todos: state.todos })}>
|
|
{this.renderChild}
|
|
</Connector>
|
|
);
|
|
}
|
|
|
|
renderChild({ todos, dispatch }) {
|
|
const actions = bindActionCreators(TodoActions, dispatch);
|
|
return (
|
|
<div>
|
|
<Header addTodo={actions.addTodo} />
|
|
<MainSection todos={todos} actions={actions} />
|
|
</div>
|
|
);
|
|
}
|
|
}
|