react-redux自动更新的问题

问下我自己建立一个redux的测试项目.现在reducer和action,store都有了,dispatch一个action后界面上没有发生变化.请问这是为什么

const Tpp = React.createClass({
  onClick: function() {
    Store.dispatch(Action.test())   //这里会触发test的action
  },
  render: function() {
    return <div>
      <div onClick={this.onClick} {...Store}>click</div>
      {this.props.config}   //原本这里应该自动更新的
    </div>
  }
});
const TAP = connect(test)(Tpp); //最后render的是这个tap
这是action

export const REDUX_TEST = 'REDUX_TEST';
export const REDUX_TEST2 = 'REDUX_TEST2';


export function test(){
  return {
    type:'REDUX_TEST',
    data:'123123'
  }
}
这是reducer

function reducer(state = {},action = {}){
  state = dataModule;
  switch (action.type){
    case 'REDUX_TEST':
      state.config= ++state.config;
      console.log(state.config);

      break;



  }
  return state
}
这是store建立

export const dataModule = {
  config:0
};

export default createStore(Reducer,dataModule)

现在state确实更新了,但是第一段代码里本来应该跟新的地方,没有自动更新,请问怎么做才能让它自动更新啊?