xxxxxxxxxx
import React, { useState } from 'react';
function MyComponent() {
const [reload, setReload] = useState(false);
const handleReload = () => {
setReload(!reload);
};
return (
<div>
<button onClick={handleReload}>Reload Component</button>
{reload && <h2>Component Reloaded!</h2>}
</div>
);
}
xxxxxxxxxx
import React from 'react';
class MyComponent extends React.Component {
refreshPage() {
window.location.reload();
}
render() {
return (
<div>
<button onClick={this.refreshPage}>Refresh Page</button>
</div>
);
}
}
export default MyComponent;
xxxxxxxxxx
import React from 'react';
function reloadPage() {
window.location.reload(false); // Reloads the current page from the cache
}
export default function App() {
return (
<div>
<button onClick={reloadPage}>Reload Page</button>
</div>
);
}