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>
);
}
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, { 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";
import { Link } from 'react-router-dom';
export class ToolTip extends React.Component {
render() {
return (
<Link to="/My/Route">Click Here</Link>
)
}
};
xxxxxxxxxx
// Add the following to .htaccess file in the public folder
// NOTE: This is for Apache servers!
<IfModule mod_rewrite.c>
RewriteEngine On
RewriteBase /
RewriteRule ^index\.html$ - [L]
RewriteCond %{REQUEST_FILENAME} !-f
RewriteCond %{REQUEST_FILENAME} !-d
RewriteCond %{REQUEST_FILENAME} !-l
RewriteRule . /index.html [L]
</IfModule>