Questions tagged [react-routing]
70 questions
2
votes
1 answer
Advanced Routing in Netlify React
I had problems with the routing after deploying my react app on netlify. I inserted a _redirects file to my public folder with this code /* /index.html 200 as recommended.
Yet, when I refresh the page from an advanced route e.g.…
seabysalt
- 67
- 4
2
votes
2 answers
Managing routing by Link in grandchild component
I have an App component, that has child component NavigationBar. That NavigationBar also has children, those are NavigationBarTabs. What I want to do, is to manage routing in App component, but have links in NavigationBarTabs. If I do it this way, I…
Anton Desyatov
- 45
- 5
2
votes
2 answers
In React-Router docs, what does this paragraph mean in the "Index Routes" section?
In Lesson 8 of the React-Router docs, discussing "Index Routes", they describe the following paragraph:
This would work fine, but its likely we'll want Home to be attached to
a route like About and Repos in the future. A few reasons…
Jad S
- 2,705
- 6
- 29
- 49
2
votes
1 answer
What do two wildcard routes mean in react-routing?
I'm trying to understand the react-starter-kit by kirasoft and noticed that their routes have two entries for the '*' wildcard route. Why are there two and what is the order of precedence? The first route seems to set up the app overall and then…
MonkeyBonkey
- 46,433
- 78
- 254
- 460
1
vote
0 answers
params.get("") is not working when i try to render a page with an id from a local dataset
I'm trying to create a page that renders information dynamically by drawing from a local dataset using params.get(""). While the URL is set, whatever parameter I put in params.get("") does not render on the page.
Here is the code for directing the…
Malik Awesu
- 11
- 1
1
vote
1 answer
Nested routing in react.js is not giving the desired results
I want to display a custom component Resource.js whenever I click the linked text within a labCard.js component. On using the Outlet hook the Resource component is displayed within the lab Card and the Body.js component is not replaced. Body.js…
UHpi
- 93
- 1
- 6
1
vote
1 answer
React.js props issue
this is probably a very basic question. im making a settings page for my site and I need some help.
}/>
so…
Charlie
- 115
- 1
- 8
1
vote
1 answer
CSS transition , react-transition-group and React.findDOMnode deprecation
I encountered a Warning relative to the findDOMnode deprecation when trying to use react routing in combination with react-transition-group, the warning stated:
index.js:1 Warning: findDOMNode is deprecated in StrictMode. findDOMNode was passed an…
Marc Abdel Wahed
- 53
- 7
1
vote
1 answer
Nested routing in react
I'm trying to implement nested routing in my react app
The routes in my root app.jsx file are defined like this.
<>
…
Nik
- 187
- 3
- 17
1
vote
1 answer
Routing doesn't read id
I have this class:
export default class Panel extends PureComponent {
constructor(props){
super(props);
this.state = {
loading: true,
url: '/' +this.props.lang+ '/panel',
about: '/'…
FamillyFriendly88943
- 39
- 1
- 8
1
vote
2 answers
Next page is getting rendered over the previous one in Reactjs, How to render it separately?
When i try to render the next page using react routing, it is getting rendered over the previous page, i want a separate page after render as that in tag in HTML, please help, below is my code snippet.
import React, { Component } from…
Shivam Shah
- 41
- 8
1
vote
2 answers
ReactJS Router not navigating to the specified component
I am pretty new to react-router. I created a single page with nav bars that can navigate to the either of two pages. In one of the pages, I have a series of link that should direct to another component. My app component deals with the initial…
calebdeji
- 11
- 4
1
vote
0 answers
Modularity with React Routing
I am new to ReactJS and would like to implement some level of modularity within my code to be able to easily add/implement new (nested) routes from a single file/JSON array.
I already tried to instantiate a JSON Array object containing the mandatory…
aress31
- 340
- 5
- 20
1
vote
1 answer
React router: How to handle trailing / in match.url when building Links?
I've been building Links in my React app (using react-router-dom 4.3.1) using code like the following:
const { match } = this.props;
...
pages.map(page =>
Go to info page for {page.title()}
…
Tom G
- 2,025
- 3
- 21
- 32
1
vote
1 answer
Route error in react app while using mobx
I get a React route error immediately as I put in the code link to the Mobx store (const len). For example:
import React, { Component } from "react";
import { observer, inject } from 'mobx-react';
@inject('store') @observer class App extends…
srgg6701
- 1,878
- 6
- 23
- 37