Ich lerne gerade React und bin nach ein paar Tutorials auf diesen Code gestoßen:

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>
    );
  }
}

Dies ist eine ToDo-Anwendung und dies ist die Hauptseite. Sie lädt 2 weitere kleinecomponents. Ich habe fast alles verstanden, aber ich konnte nicht wenige Dinge bekommen:

Was machtconnect tun? Ich weiß, dass Sie 4 Parameter übergeben müssen (ich konnte jedoch nicht genau herausfinden, was diese 4 Variablen sind).Wie ist die Implementierung von@connect Dekorateur, wie wird der Code nach dem Transpilieren aussehen?

Danke im Voraus :