Sometimes, we want to refresh the page without reloading the page .How to Refresh a Component and Page in React.
To refresh a page you don’t need react-router. We want to reload a page by clicking a button. Here’s the example:
import React from 'react';
function App() {
function refreshMyPage()
{
window.location.reload();
}
return (
<div>
<button onClick={ refreshPage }>Refresh!</button>
</div>
);
}
export default App;
By using useState() method we can update the component.
import React, { useState } from 'react';
function changeComp() {
const [value, setValue] = useState();
const refresh = ()=>{
// re-renders the component
setValue({});
}
return (
<div>
<button onClick={ refresh }>Refresh Component</button>
</div>
);
}
export default changeComp;
By using these methods you can update your components.