这是React-Router的预期行为还是Bug?

时间:2019-06-26 05:11:40

标签: javascript reactjs react-router single-page-application

我正在使用@media (min-width:320px) { /* smartphones, portrait iPhone, portrait 480x320 phones (Android) */ } @media (min-width:480px) { /* smartphones, Android phones, landscape iPhone */ } @media (min-width:600px) { /* portrait tablets, portrait iPad, e-readers (Nook/Kindle), landscape 800x480 phones (Android) */ } v3。过渡到一条路线,例如function addNode(){ var x = document.createElement("ul"); x.setAttribute("id","myList"); document.body.appendChild(x); var myListItem = document.createElement("li"); var textNode = document.createTextNode("List Item one"); var t2 = document.createTextNode("second item"); myListItem.appendChild(textNode); document.getElementById("myList").appendChild(newLi("FirstItem")); document.getElementById("myList").appendChild(newLi("Second Item")); document.getElementById("myList").appendChild(newLi("Third Item")); document.getElementById("myList").appendChild(newLi("Fourth Item")); } //function which generates a new li tag and accepts a string for TextNode function newLi(x) { var m = document.createElement("li"); var t = document.createTextNode(x); m.appendChild(t); return m; } ,然后单击react-router,继续在根路线/about和子路线<Link to="/about">上触发onChange也是

这是预期的行为吗?由于这条路线根本没有改变。浏览器的后退按钮也可以正常工作。

这是在codeandbox上的一个小应用程序,演示了此问题。

https://codesandbox.io/s/react-router-onchange-3bi2p

1 个答案:

答案 0 :(得分:0)

 <Route exact path="/" component={ComponentName}>

在点击子路由之后,对您的根路由使用确切的名称,根路由不会触发