All Questions
45 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 ...
-1
votes
1
answer
37
views
Customisation of interactive Navigation Bar using JS, not working
I am attempting to code a minting website with four pages (Home, About, Mint, Gallery), using react-js. I have used react-bootstrap to generate links to each of the individual pages in a 'NavBar.js' ...
- 27
-1
votes
2
answers
224
views
React Bootstrap Button
Can anyone tell me how to add telephone number to the react bootstrap buttons, when clicking should call that number.
I have used div tags and link to make it look like a button. what I want to do is ...
1
vote
1
answer
52
views
Assigning same button to route another root in react-router-dom and submitting data from a form with required attributes on form.Control
I am working on react-bootstrap form and react-router dom
The same button is assigned to redirect to another page and submit data
I wanted the form to check if the required input fields has datas ...
0
votes
0
answers
19
views
React-bootstrap Navbar causing Parent state reset [duplicate]
I am trying to create a Navigation tab for my ReactJs Frontend, but somehow the one using React-bootstrap Navbar is causing my parent state to reset.
I know that routing between the pages could lead ...
1
vote
1
answer
4k
views
My navlink is not working in react.js but after reloading it works [duplicate]
Developing a react.js app. Used nav link at navbar. The router is also defined but it doesn't go anywhere. after reloading it works. If Job Post is clicked on Navbar it doesn't work but in the URL it'...
- 432
3
votes
1
answer
858
views
React router dom 6 and bootstrap 2.5 nav link renders entire app
When I click on a Nav.link in my SPA application the entire page re-renderss, but I only want the content in the main portion of the UI to change based on the link being clicked. In the layout I have ...
- 105
6
votes
1
answer
5k
views
What is the difference between Nav.Link vs Link vs NavLink in react router DOM and react bootstrap?
I am confused about these three Links, what are the different ways to use them?
Nav.Link
Link
NavLink i
Do they have different use cases?
- 61
3
votes
3
answers
5k
views
How to hide the offcanvas navbar when selecting the links inside of it using react scroll?
Any idea on how to hide/back to its original state when selecting the links inside offcanvas using react scroll?
Below is my code and also here is the sandbox code https://codesandbox.io/.
App.js
...
- 723
1
vote
1
answer
1k
views
React, navigate to react-bootstrap tab with history
I'm writing a multi-form page (login/registration/lost-password) using tabs (react-bootstrap).
react 17.0.2, react-bootstrap 2.2.1, react-router-dom 6.2.2
I try to implement the tab selection with url/...
- 118
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
2
votes
1
answer
1k
views
React Bootstrap Navbar Routing
I am new to react and I am trying to create a simple navigation with bootstrap and routing using navbar. Though the URL changes, the UI of the page is not rendered. Here is my code
Index.js
import ...
- 1,163
0
votes
5
answers
5k
views
How to filter array to match params value with react
I wanted to create a e-commerce web application using react-bootstrap. I want the page to show different item based on category so if the URL is product/men'sclothing i want to filter my array and ...
- 835
1
vote
1
answer
4k
views
React Bootstrap NavDropdown link overriding NavDropdown.Item link
We have a on our React application, and we are attempting to nest several <NavDropdown.Item /> within a <NavDropdown />.
In the screenshot above, clicking Tools routes to /tools, and ...
- 10.5k
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 ...
