Reload a component onClick using Reactjs

share link

by vsasikalabe dot icon Updated: Mar 27, 2023

technology logo
technology logo

Solution Kit Solution Kit  

When working on a single-page application, changing the state of the React component is very useful. Without reloading the webpage, it simply replaces the content of the existing component for the user.  

Whenever there is a change in their state or props, React components automatically re-render. From anywhere in the code, a simple state update automatically causes all the User Interface (UI) elements to be re-rendered. We can also use the window.location.reload() method in React to refresh a page. After clicking the reload button, the number counting will increase. The operation will get on stop and start with new counting from the beginning. The set interval count will be 1000ms. Math.random will perform mathematical addition. 

Compared to componentWillMount(), componentDidMount() is only called once on the client. componentWillMount() is called twice, once to the server and once to the client. This method is called when the client receives data from the server before the data is displayed in the browser. 

Here is an example of how to reload a component onclick using reactjs: