Reactjs React Js:即使只有一个html文件,React如何路由到不同的页面?
Reactjs React Js:即使只有一个html文件,React如何路由到不同的页面?,reactjs,webpack,Reactjs,Webpack,内部对此有何反应 如何将路由编译成普通javascript?(我没有在普通javascript中看到任何路由库) JavaScript可用于操纵URL和本地页面历史记录,而无需重新加载页面,这是React Router工作原理的主要思想(请参阅)。再加上您可以使用JavaScript选择性地显示/隐藏内容这一事实,您就拥有了React路由器。例如: js(带有一些jQuery语法糖) css html 第一个内容 第二内容 切换 单击该按钮将使第一个和第二个块切换其可见性。当然,React路由
JavaScript可用于操纵URL和本地页面历史记录,而无需重新加载页面,这是React Router工作原理的主要思想(请参阅)。再加上您可以使用JavaScript选择性地显示/隐藏内容这一事实,您就拥有了React路由器。例如: js(带有一些jQuery语法糖) css html
第一个内容
第二内容
切换
单击该按钮将使第一个和第二个块切换其可见性。当然,React路由器有点复杂,但这是基本思想。浏览器历史操作+使用JS显示/隐藏内容
function toggle() {
$('#blockOne').toggleClass('hidden');
$('#blockOne').toggleClass('visible');
$('#blockTwo').toggleClass('hidden');
$('#blockTwo').toggleClass('visible');
}
.hidden { display: none }
.visible { display: block }
<div id="blockOne">First content</div>
<div id="blockTwo" class="hidden">Second content</div>
<button onclick="toggle()">Toggle</button>