react-with-router.js

import React from "react";
import { connect } from "react-redux";
...
import {fetchColor} from "./actions";
...
function App({fetchColor, color}) {


return (
    <AppContainer>
      ...
      <Router>
        <Header color={color} onClick={fetchColor}>
          ...
        </Header>
        </Router>
      </AppContainer>
   );
}
function mapStateToProps(state) {
  return {
    color: state.color.color,
  };
}
const mapDispatchToProps = {
  fetchColor,
};
export default connect(mapStateToProps, mapDispatchToProps)(App);