Warning: file_get_contents(/data/phpspider/zhask/data//catemap/4/webpack/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Reactjs React Js:即使只有一个html文件,React如何路由到不同的页面?_Reactjs_Webpack - Fatal编程技术网

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?(我没有在普通javascript中看到任何路由库)

  • 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>