text: import React from 'react';
  import { Jumbotron, Button } from 'reactstrap';
  import D3Chart from "../D3Chart";
  
  class Home extends React.Component {
      constructor(props) {
          super(props);
  
          this.bindMethods();
  
          this.state = {
              myStateValue: "Default State Value",
              myOtherStateValue: "Update to myStateValue won't change or delete this"
          }
      }
  
  
      /**
       * Bind the various handlers to make sure they are attached to this class
       */
      bindMethods() {
          this.onButtonClick = this.onButtonClick.bind(this);
      }
  
      /**
       * Button click handler
       * @param {SyntheticEvent} e - Look at https://reactjs.org/docs/events.html
       */
      onButtonClick(e) {
          // This is how we redirect in code
          this.props.history.push('/c2');
      }
  
      /**
       * Render the component based on the state and props (will be called every time state changes with setState)
       * @returns {*}
       */
      render() {
          let stateValue = this.state.myStateValue || "No value for myStateValue passed in the state";
          console.log("props", this.props, "state", this.state);
          return (
              <div>
                  <D3Chart></D3Chart>
                  {/*<Jumbotron>*/}
                      {/*<h1 className="display-3">Hello, world!</h1>*/}
                      {/*<p className="lead">This is a simple hero unit, a simple Jumbotron-style component for calling extra*/}
                          {/*attention to featured content or information.</p>*/}
                      {/*<hr className="my-2"/>*/}
                      {/*<p>It uses utility classes for typgraphy and spacing to space content out within the larger*/}
                          {/*container.</p>*/}
                      {/*<p className="lead">*/}
                          {/*<Button color="primary">Learn More</Button>*/}
                      {/*</p>*/}
                  {/*</Jumbotron>*/}
              </div>
          );
      }
  }
  
  export default Home;
  