Questions tagged [react-router-component]

110 questions
1
vote
1 answer

How to access value of a routing parameter in react?

I want to have a 'dynamic route' for a section of my app, which was done like this: So far this works, but in Component I would like to access the value of id because it changes a bunch of things…
theJuls
  • 6,788
  • 14
  • 73
  • 160
1
vote
2 answers

react separate routes for logged in and guest user

React-router-component's official github page mentions as follows: For example you can return a different set of allowed locations for anonymous and signed-in users. That's exactly what I want to achieve, but I can't actually find the tutorial…
Tuomas Toivonen
  • 21,690
  • 47
  • 129
  • 225
1
vote
0 answers

Converting String into ReactComponent

I know its weird use case but already im in the middle of PoC and stucked with below problem. I have X jsx files in autoGenerated directory (which are transpiled from HTML using react-magic library). Now I need to dynamically load them into my react…
MariuszJasinski
  • 504
  • 3
  • 8
1
vote
1 answer

react-router v2.0 deep nested component passing in additional unexpected url

I have been trying to solve a problem I've facing the last few days with routing a deep nested component. I am using reactjs v14.6 and react-router v2.0 with browserHistory. If I swap it out for hashHistory and use the deprecated history mixin it…
1
vote
0 answers

Hash based routing in react-router-component

I want to use hash-based routing in react-router-component, so I added the hash attribute to the component like this:
Sander Garretsen
  • 1,683
  • 10
  • 19
1
vote
1 answer

ReactJS - react-router nested path not rendered

I can't solve this problem, I can't render the HTML of my component that i call from a nested path like /page/detail My route tree render( (
1
vote
1 answer

Strange navigation issue with react-router

I have a fairly basic login setup (code below) with a few components requiring authentication. When I navigate to http://localhost:8000/, it redirects to http://localhost:8000/login and everything is fine. If I then log in, it goes back to…
Anthony De Smet
  • 2,265
  • 3
  • 17
  • 24
0
votes
2 answers

Contacts component not rendering

The contacts component isn't rendering anything. I've provided the code for the contacts component and the app component. I reviewed all of the other components to make sure that everything is working as expected. So far the issue is only with the…
0
votes
2 answers

React Page not rendering on button click

I have started doing a project in react js and i have been trying to wrap my head around routing and other concepts, i have had a problem with the routing and the problem is, when i run the project, there is a button in home page and then i click…
0
votes
0 answers
0
votes
0 answers

How do i trigger an element using hyper link in "React Router Dom" with "Link and to"?

// the trigger button for modal;
Basic CSS-Only Modal
// The modal; …
0
votes
1 answer

Why is this react route throwing an error of no route matched location?

I have some problem related to routing in my code im getting error "react_devtools_backend.js:4026 No routes matched location "/airlines/1/reviews/new" .That is when im trying to give a review to a particular airline. here is my code I have…
user19539895
0
votes
1 answer

React Router Dom react js Blank white screen Show

I added React Router Dom in my project I want to show chat Area of Specific Area Group. So I am using React Router Dom to Access unique Links I used React Router Dom Version: 8.1 My Project App.js import './App.css'; import Chat from…
0
votes
1 answer

I am having an issue with react router as my url is getting updated on clicking on it but the page is not getting rendered

I am having an issue with react router as my url is getting updated on clicking on it but the page is not getting rendered but when I reload it at that specific url then it renders the content whereas I want it to be rendered as soon as I click on…