All Questions
101 questions
2
votes
2
answers
147
views
Unexpected Application Error! useNavigate() may be used only in the context of a <Router> component
I was following a tutorial:
https://www.youtube.com/watch?v=R4AhvYORZRY&t
and i came across a problem, where, the <LinkContainer /> got me that error, deleting it, fixed it, adding router to ...
0
votes
1
answer
51
views
React Context Re-rendering Issue when Using Context for User Login [duplicate]
I am encountering an issue with React context while implementing user login functionality on my website. Users can log in as dummy users, and I've implemented this using React contexts. However, after ...
- 3
2
votes
1
answer
144
views
React CSSTransition creates new page twice and runs the transtion on these two identical pages
I use react-router and useNavigate to switch between pages. With the CSSTransition I wanted to make a smooth transition between the pages. Unfortunately it doesn't work as intended and the router ...
- 179
2
votes
1
answer
304
views
Nav Menu Active Element and State Management Issue
I am trying to show an active <Nav.Link> element for the current page, but it keeps getting reset when I go between pages to the default value. Each of the links goes to a different route I have ...
- 395
1
vote
1
answer
2k
views
How to Change pages via react Router with Bootstrap Dropdown?
I am trying to change/load router with bootstrap dropdown menu, please help me to do this
<Router>
<nav>
<Link to="/"> Home </Link>
<Link to="login&...
- 1,129
1
vote
1
answer
181
views
When I use outlet in accordion, axios request in useEffect keeps executing
Because my outlet is placed in the accordion body of react-bootstrap,
So when I enter the sub-route, the useEffect content of the sub-route is always executed. until the body of the accordion is fully ...
- 13
3
votes
2
answers
1k
views
Bootstrap Navbar does not work in React JS for single page website
I am making a single page website. I added the Bootstrap navbar to Menu.js using React Router but once I add the menu.js to App.js the website becomes blank. Besides the links are not working. They ...
- 41
1
vote
1
answer
499
views
Bootstrap navbar isn't refreshing in react
My bootstrap navbar is working fine but when I click on current page navbar link, that link is unclickable means it is not letting me click on it again. Other navbar link are clickable except current ...
- 11
0
votes
1
answer
224
views
Assist with adding React Router to existing App
The app was working until i went to add the react router to the project. I'm not getting any errors and it accepts all the pages but nothing renders to the page
Does it have something to do with where ...
1
vote
1
answer
904
views
Unable to change view on sidebar button click - React
I'm pretty new to react. It's been only a few days since I started react.
I have a question regarding routing. I'm trying to change the main content on the sidebar button click. I think I'm doing ...
- 2,192
2
votes
1
answer
87
views
react-router-bootstrap - Warning: Functions are not valid as a React child
I am using react-router-dom and react-router-bootstrap to handle routing in my react-typescript-react-bootstrap web app and I am getting the following error:
Warning: Functions are not valid as a ...
- 1,904
3
votes
1
answer
5k
views
How to reload the page when selecting the NavLink items on reactrouter 6?
Its an straightforward question how to reload the page when selecting the <NavLink> items on reactrouter 6? Because reactrouter 5 has <BrowserRouter forceRefresh={true} /> to reload the ...
- 723
0
votes
2
answers
123
views
My Wep Page Show Nothing When i Use Route
Hi Guys i want to create a web page that change pages with Navbars so i want to use bootstrap and react-route-dom to create this but before i use bootstrap its show nothing, some kind of errors may ...
1
vote
1
answer
956
views
How to make an href dropdown item that does not reload the page with React-boostrap
I use a Dropdown with react-bootstrap.
in the dropdown item I fill in an href that will allow me to change page.
<Dropdown>
<Dropdown.Toggle variant="success" id="...
- 862
2
votes
0
answers
160
views
React-router-bootstrap: LinkContainer redirects url but doesn't rerender
I have a LinkContainer, that when clicked on, replaces the url of the webpage, but doesn't do anything beyond that. Nothing gets rerendered, the page just stays the same.
Eg;
<LinkContainer to={`/...
- 105