React showGithub

[xiaotiandada]

• https://github.com/xiaotiandada/showGithub

技术栈

• React
• React-Redux
• React-router
• Axios
• Api https://developer.github.com/v3/
• Ant Design

// ...
"@antv/data-set": "^0.10.1",
"antd": "^3.11.6",
"axios": "^0.18.0",
"bizcharts": "^3.4.3",
"react": "^16.7.0",
"react-dom": "^16.7.0",
"react-redux": "^6.0.0",
"react-router-dom": "^4.3.1",
"react-scripts": "2.1.2",
"redux": "^4.0.1",
"redux-devtools-extension": "^2.13.7",
"redux-logger": "^3.0.6",
"redux-persist": "^5.10.0"
// ...

路由

<Router>
  <Switch>
    <Route path="/" exact component={IndexDom} />
    <Route path="/list" exact component={ListDom} />
    <Route path="/about/" exact component={DetailDom} />
    <Redirect from="*" to="/" />
  </Switch>
</Router>

Redux

// redux
import { connect } from "react-redux";
import action from "../../store/action/index";

// ...
const { xxx } = this.props;
// ...
const mapStateToProps = state => ({
  ...state
});
export default connect(
  mapStateToProps,
  action
)(IndexDom);

如果没有数据 变会自动跳转到首页。

export const isEmptyArray = arr => Array.isArray(arr) && arr.length === 0;

if (isEmptyArray(userList)) this.props.history.push("/");