Answers for "how to set footer to bottom of page in react js"

place footer at the bottom of the page react

position:absolute;
left:0;
bottom:0;
right:0;

place footer at the bottom of the page react

height: calc(100% - 60px);

how to set footer to bottom of page in react js

In this way you can easily set footer to bottom no matter how much content is present in body 


apply this line of css code to parent element:
#app{
  display: flex;
  flex-direction: column;
  height: 100vh;
}


and apply this line of single code to your footer which must be direct child of parent element 
.footer{
  margin-top: auto;
}

place footer at the bottom of the page react

padding-bottom:60px;