Я использую Reactjs для создания приложения. Моя страница маршрута, index.js и страница приложения выглядит ниже. Когда я открываю приложение, оно приземляется на домашней странице, я выбираю 1 из радиопроизводительных кнопок, отправляю его. Он перемещается на следующую страницу. Теперь, если я нажимаю на кнопку обновления/перезагрузки браузера, он перенаправляет меня на домашнюю страницу вместо перезарядки той же страницы, которая является поведением по умолчанию.`const Routes = () => {
const element = (
);
return element;
};
export default Routes;`
< /code>
app.jsx
const App = () => {
const [isAuthState,setIsAuthState] = useState(false);
const { authState } = useOktaAuth();
useEffect(() => {
if(authState && authState !== null) {
setIsAuthState(true);
}
}, [authState]);
if (isAuthState && authState?.isAuthenticated) {
return (
);
} else {
return (
);
}
};
export default OktaWrapper(App);
< /code>
oktwrapper.jsx
function OktaWrapper(WrapperComponent) {
const oktaAuth = new OktaAuth(oktaAuthConfig);
function HOC() {
const navigate = useNavigate();
const restoreOriginalUri = () => {
navigate('/');
};
const customAuthHandler = () => {
navigate('/login');
};
return (
);
}
return HOC;
}
export default OktaWrapper;
< /code>
index.js
const root = document.getElementById('root');
ReactDOM.render(
,
root
);
reportWebVitals();
Подробнее здесь: https://stackoverflow.com/questions/796 ... -home-page
В моем приложении React Browser обновить/перезагрузить меня на домашнюю страницу ⇐ Javascript
Форум по Javascript
1748510722
Anonymous
Я использую Reactjs для создания приложения. Моя страница маршрута, index.js и страница приложения выглядит ниже. Когда я открываю приложение, оно приземляется на домашней странице, я выбираю 1 из радиопроизводительных кнопок, отправляю его. Он перемещается на следующую страницу. Теперь, если я нажимаю на кнопку обновления/перезагрузки браузера, он перенаправляет меня на домашнюю страницу вместо перезарядки той же страницы, которая является поведением по умолчанию.`const Routes = () => {
const element = (
);
return element;
};
export default Routes;`
< /code>
app.jsx
const App = () => {
const [isAuthState,setIsAuthState] = useState(false);
const { authState } = useOktaAuth();
useEffect(() => {
if(authState && authState !== null) {
setIsAuthState(true);
}
}, [authState]);
if (isAuthState && authState?.isAuthenticated) {
return (
);
} else {
return (
);
}
};
export default OktaWrapper(App);
< /code>
oktwrapper.jsx
function OktaWrapper(WrapperComponent) {
const oktaAuth = new OktaAuth(oktaAuthConfig);
function HOC() {
const navigate = useNavigate();
const restoreOriginalUri = () => {
navigate('/');
};
const customAuthHandler = () => {
navigate('/login');
};
return (
);
}
return HOC;
}
export default OktaWrapper;
< /code>
index.js
const root = document.getElementById('root');
ReactDOM.render(
,
root
);
reportWebVitals();
Подробнее здесь: [url]https://stackoverflow.com/questions/79643647/in-my-react-app-browser-refresh-reload-redirects-me-to-home-page[/url]
Ответить
1 сообщение
• Страница 1 из 1
Перейти
- Кемерово-IT
- ↳ Javascript
- ↳ C#
- ↳ JAVA
- ↳ Elasticsearch aggregation
- ↳ Python
- ↳ Php
- ↳ Android
- ↳ Html
- ↳ Jquery
- ↳ C++
- ↳ IOS
- ↳ CSS
- ↳ Excel
- ↳ Linux
- ↳ Apache
- ↳ MySql
- Детский мир
- Для души
- ↳ Музыкальные инструменты даром
- ↳ Печатная продукция даром
- Внешняя красота и здоровье
- ↳ Одежда и обувь для взрослых даром
- ↳ Товары для здоровья
- ↳ Физкультура и спорт
- Техника - даром!
- ↳ Автомобилистам
- ↳ Компьютерная техника
- ↳ Плиты: газовые и электрические
- ↳ Холодильники
- ↳ Стиральные машины
- ↳ Телевизоры
- ↳ Телефоны, смартфоны, плашеты
- ↳ Швейные машинки
- ↳ Прочая электроника и техника
- ↳ Фототехника
- Ремонт и интерьер
- ↳ Стройматериалы, инструмент
- ↳ Мебель и предметы интерьера даром
- ↳ Cантехника
- Другие темы
- ↳ Разное даром
- ↳ Давай меняться!
- ↳ Отдам\возьму за копеечку
- ↳ Работа и подработка в Кемерове
- ↳ Давай с тобой поговорим...
Мобильная версия