react-redux和redux的区别是redux只能同步修改state
react-redux V7:
import { connect } from 'react-redux'
import { setCount} from '@src/store/actions'
const Com= props => {
render(){
<div onClick={props.setCount}>{props.count}</div>
}
}
const mapStateToProps = state => {
return {
count: state.count
}
}
const mapDispatchToProps = dispatch => {
return {
setCount() {
dispatch(setCount())
},
}
}
export default connect(mapStateToProps,mapDispatchToProps)(Com)