我正在使用@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上的一个小应用程序,演示了此问题。
答案 0 :(得分:0)
<Route exact path="/" component={ComponentName}>
在点击子路由之后,对您的根路由使用确切的名称,根路由不会触发