How to use the redux-zero/react.connect function in redux-zero

);
                      });
                    })()}
                  
                
              
            );
          })}
        
      
    );
  }
}
export default connect(
  state => ({
    ORGS: state.ORGS,
    REPO_STAT: state.REPO_STAT,
    ORG_REPOS: state.ORG_REPOS
  }),
  actions
)(GithubOrganizations);

photoIndex: (photoIndex + images.length - 1) % images.length
                })
              }
              onMoveNextRequest={() =>
                this.setState({
                  photoIndex: (photoIndex + 1) % images.length
                })
              }
            />
          
        ) : null}
      
    );
  }
}
export default connect(
  state => ({ SHOW_CASES: state.SHOW_CASES }),
  actions
)(withRouter(Showcase));

style={{ fontSize: "1.6rem", marginRight: "0.5rem" }}
                      name="gist"
                      mega
                    />
                    {gist.description}
                  
                
              );
            })}
          
        
      
    );
  }
}
export default connect(
  state => ({ GISTS: state.GISTS }),
  actions
)(withRouter(Gists));

<p></p>
          <ul>
            {this.state.events
              .filter(v =&gt; v)
              .slice(0, 10)
              .map((v, i) =&gt; {
                return <li>{v}</li>;
              })}
          </ul>
        
      
    );
  }
}
export default connect(
  state =&gt; ({
    GISTS: state.GISTS,
    REPOS: state.REPOS,
    FOLLOWERS: state.FOLLOWERS
  }),
  actions
)(withRouter(Stat));

}
                  defaultCurrent={this.state.meta.page}
                  defaultPageSize={this.state.meta.per_page}
                  total={this.state.meta.total}
                />
              
            
          ) : (
            ""
          )}
        
      
    );
  }
}
export default connect(
  state => ({
    POSTS: state.POSTS
  }),
  actions
)(withRouter(Posts));

type="default"
                loading={this.state.loading}
                onClick={() => this.getNextGistList()}
              >
                {this.state.loading ? "Loading" : "More"}
              
            
          ) : (
            ""
          )}
        
      
    );
  }
}
export default connect(state => ({}), actions)(withRouter(Gists));

);
                          })}
                        
                      
                    
                  
                
              
            );
          })}
        
      
    );
  }
}
export default connect(
  state => ({
    TODOS: state.TODOS,
    TODO_LABELS: state.TODO_LABELS
  }),
  actions
)(withRouter(TodoList));

<div>
          </div>
        
      
    );
  }
}
export default connect(
  state =&gt; ({
    README: state.README
  }),
  actions
)(Home);

type="default"
                loading={this.state.loading}
                onClick={() => this.getNextTodoList()}
              >
                {this.state.loading ? "Loading" : "More"}
              
            
          ) : (
            ""
          )}
        
      
    );
  }
}
export default connect(state => ({}), actions)(withRouter(TodoList));

<a rel="nofollow" href="{v.url}">
                      @{v.nameWithOwner || v.name}
                    </a>
                  
                );
              })
            ) : (
              <div>Loading...</div>
            )}
          
        
      
    );
  }
}
export default connect(
  state =&gt; ({
    ALL_REPOS: state.ALL_REPOS
  }),
  actions
)(GithubRepositories);