react-redux 的使用（二）

react-redux 的使用（二）

从前面我们可以发现，这个react-redux还要建一个容器的文件，主要它还是一对一的关系（即某个jsx文件要用仓库，就得再建一个容器目录），太繁琐了，所以这一节谈谈如何简化使用

即将原来容器组件里面代码移到 UI 组件中来，代码如下：

import {connect} from 'react-redux'
class Index extends Component{
    // ...
}
export default connect(state => ({
    number: state
}), dispatch => ({
    add: data => dispatch({ type: 'add', data })
}))(Index);

然后在App.js渲染的就是该文件导出的组件，代码与以前一样