javascript - 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) 这个函数的意思是什么，初学者求助，谢谢啦

解决方案

就是把过滤过的state上的某些属性绑定到TodoList组件上，变成一个绑定过的组件ShowTodoList ，ShowTodoList的props上就有了那些过滤过的state的属性，当这些属性变化时，ShowTodoList也就因为它的props改变了而自动更新组件，其实就是框架帮你做了一大堆中间过程，你就只管写reduce更新state和组件根据props渲染界面就行了。

这篇关于javascript - react+redux中ShowTodoLists.js之中有一段代码不太清楚的意思，求解，谢谢的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！