Closed amerllica closed 6 years ago
This issue does not relate to Universal Router, see React Router. Looks like you already asked this question on Stack Overflow, just wait for the answer there.
@frenzzy , Thanks dear friend for your answer, dudes in React Router
answer me like a BOSS: here and Stack Overflow
answer was not related to my question. A Dear friend just wanna help me and write a method that it didn't work. so I write my answer here to someone help me.
By The Way, thanks.
Sometime I was sawing the well known warning,
browser.js:49 Warning: [react-router] You cannot change <Router routes>; it will be ignored
and I found two trend issues that friends discussed about this issue and the solution isconst
routes components and putting them insideRouter
component.https://github.com/ReactTraining/react-router/issues/2704
https://github.com/reactjs/react-router-redux/issues/179
Just like below:
you will see warning with this code:
but you won't see warning with this code:
This is OK, awesome solution to vanish [react-router] warning, and for
Root Component
changingstate
theroutes
was static and you won't see any warnings. BUT my issue is: I passRoot Component
props to eachRoute
and I can not do the above solution 😞 , I must put AppRoute
inside Router so with this method absolutely this is not solution method and I will saw the known warning again, see my router code:And the
Root Component
render code is:I passed this as a props to
AppRoutes
component and I need to pass inheritedthis.props
to subRoute
s and use them. how I could won't see warning and pass props to anyRoute
s?One of my solution is that, I write all
Route
s as static and callRoot Component
props
directly inside each component, but how? I don't know how I can call and keepprops
ofRoot Component
inside the component that need to haveprops
ofRoot Component
as the component is not directRoot Component
children?