Какая польза от @connect декоратора в Reaction-Redux?
Я изучаю React и, следуя нескольким учебникам, я наткнулся на этот код:
import React from 'react';
import TodosView from 'components/TodosView';
import TodosForm from 'components/TodosForm';
import { bindActionCreators } from 'redux';
import * as TodoActions from 'actions/TodoActions';
import { connect } from 'react-redux';
@connect(state => ({ todos: state.todos }))
export default class Home extends React.Component {
render() {
const { todos, dispatch } = this.props;
return (
<div id="todo-list">
<TodosView todos={todos}
{...bindActionCreators(TodoActions, dispatch)} />
<TodosForm
{...bindActionCreators(TodoActions, dispatch)} />
</div>
);
}
}
Это приложение todo, и это главная страница, загружает еще 2 маленькихcomponents
, Я понял почти все, но я не мог получить несколько вещей:
connect
делать? Я знаю, что вы должны передать 4 параметра (хотя я не мог точно определить, что это за 4 переменные).Как осуществляется реализация@connect
декоратор, как будет выглядеть код после переноса?Заранее спасибо :)