/Javascript/React/How to make sticky footer with react router

How to make sticky footer with react router

Element clicked js

document.addEventListener('click', function(e) {
    e = e || window.event;
    var target = e.target || e.srcElement,
        text = target.textContent || target.innerText;   
}, false);

Source: stackoverflow.com

How to make sticky footer with react router

  <div id="container">
    <Header loaded={loaded} />
    <div id="main-content">
      <Switch>
        <Route
          path="/about"
          render={props => <About loaded={loaded} {...props} />}
        />
        <Route
          exact
          path="/"
          render={props => <MainPage loaded={loaded} {...props} />}
        />
        <Redirect to="/" />
      </Switch>
    </div>
    <Footer />
  </div>

Source: stackoverflow.com

How to make sticky footer with react router

#container {
  display: flex;
  min-height: 100vh;
  flex-direction: column;
}

#main-content {
  flex: 1;
}

Source: stackoverflow.com

Similar codes

0 vote124 views1 answer
React 1 to 10 with step 2 (odd numbers)
Javascript React
-1 vote112 views1 answer
Get height component react
Javascript React
16 votes121 views1 answer
React native loop in render
Javascript React
-1 vote114 views4 answers
React tutorial
Javascript React
7 votes103 views4 answers
Get parameter from url reactjs
Javascript React
18 votes99 views1 answer
Get specific characters from state variable reactjs
Javascript React
1 vote106 views1 answer
React next alias import
Javascript React
-2 votes125 views1 answer
You are running Node 8.10.0. Create React App requires Node 10 or higher. Please update your version of Node.
Javascript React
13 votes87 views1 answer
Reactdom' is not defined
Javascript React
2 votes100 views2 answers
Video in react native stack overflow
Javascript React