react-redux 容器组件container.jsx 代码优化

未优化的container.jsx

//1引入UI组件
import CountUI from '../../componnets/CountUI'
//2引入connect 用于连接UI与redux
import {connect} from 'react-redux'
//3引入action
import {createIncrementAction} from '../../redux/action'
function mapStateToProps(state){
	return {
		count:state
	}
}
function mapDispatchToProps(dispatch){
	return {
		jia=(number)=>dispatch(createIncrementAction(number)
	}
}
export default connect(mapStateToProps,mapDispatchToProps)(CountUI)

优化点1：不需要再重新命名两个函数mapStateToProps，mapDispatchToProps，直接把函数体传给connect函数，即：

function mapStateToProps(state){
	return {
		count:state
	}
}
function mapDispatchToProps(dispatch){
	return {
		jia=(number)=>dispatch(createIncrementAction(number)
	}
}
export default connect(
state=>({count:state}),
dispath=>({
	jia=(number)=>dispatch(createIncrementAction(number),
})
)(CountUI)

优化点2：connect的第二个参数（函数），可以简化成一个对象

export default connect(
state=>({count:state}),
{jia:createIncrementAction}
)(CountUI)
//react-redux 内部可以帮我们去dispatch