react export default connect与export default (classname)

//导入对应的Redux的connect方法 //connect 是一个高阶组件 它是用于连接对应的Provider传递的数据 import { useEffect } from "react" import {connect} from "react-redux" //stateProps let mapStateToProps = (state,props)=>{ return {...state} } //dispatchProps let mapDisPatcthToProps = (dispatch,props)=>{ return {dispatch} } //合并props let merginProps = (stateProps,dispatchPorps,props)=>{ return { ...stateProps, ...dispatchPorps, ...props } } //通过props来获取对应的值 state值和dispatch function App({todos,dispatch}) { //请求数据 useEffect(()=>{ //请求 let requestFn = async ()=>{ let res = await fetch("https://jsonplaceholder.typicode.com/todos",{ method:"GET" }) let result = await res.json() //设置到对应的store中 dispatch({ type:"CHANGETODOS", payload:result }) } requestFn() return ()=>{ requestFn = null } },[]) return ( <div className="App"> <ul> { todos.map((item)=>{ return (<li key={item.id}>{item.title}</li>) }) } </ul> </div> ); } export default connect(mapStateToProps,mapDisPatcthToProps,merginProps,{})(App); 通俗易懂解释这段代码