react+redux中ShowTodoLists.js之中有一段代码不太清楚的意思，求解，谢谢

import { connect } from 'react-redux'
import { completeTodo } from '../action/TodoAction'
import TodoList from '../components/TodoList'

const mapStateToProps = (state) => {
  console.log(state);
  return {
    todos: state
  }
}
const mapDispatchToProps = (dispatch) => {
  return {
    onclickTodo: (index) => {
      dispatch(completeTodo(index))
    }
  }
}
const ShowTodoList = connect(
  mapStateToProps,
  mapDispatchToProps
)(TodoList)

export default ShowTodoList

后面的connect(...)(TodoList) 这个函数的意思是什么，初学者求助，谢谢啦