Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/reactjs/26.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/React路由器:是否可以将非React页面集成到React web应用程序中?_Reactjs_React Router - Fatal编程技术网

Reactjs React/React路由器:是否可以将非React页面集成到React web应用程序中?

Reactjs React/React路由器:是否可以将非React页面集成到React web应用程序中?,reactjs,react-router,Reactjs,React Router,我是reactJS新手,正在开发一个web应用程序。这是一个一般性问题,请提供一般性指导/建议 我可以将非react页面(即纯HTML和Javascript页面)集成到react web app中吗?在react中创建非关键和或多或少的静态页面对我来说似乎太多了 如果是这样,我如何在react路由器dom中处理到非react页面的路由?或者我需要在后端使用单独的路由逻辑吗?我想知道是否可以这样做: import React from 'react'; import { BrowserRouter

我是reactJS新手,正在开发一个web应用程序。这是一个一般性问题,请提供一般性指导/建议

  • 我可以将非react页面(即纯HTML和Javascript页面)集成到react web app中吗?在react中创建非关键和或多或少的静态页面对我来说似乎太多了
  • 如果是这样,我如何在react路由器dom中处理到非react页面的路由?或者我需要在后端使用单独的路由逻辑吗?我想知道是否可以这样做:

    import React from 'react';
    import { BrowserRouter, Route, Switch } from "react-router-dom";
    import Home from "./routes/Home";
    import Post from "./routes/Post";
    import Profile from "./routes/Profile";
    /*
    import non-react pages here.?
    */
    
    function App() {
      return (
      <BrowserRouter>
         <Switch>
          <Route path="/" exact={true} component={Home}/>
          <Route path="/r/:postid" exact={true} component={Post}/>
          <Route path="/:username" exact={true} component={Profile}/>
           /*
            Route non-react pages here?
           */
        </Switch>
     </BrowserRouter>
      );
    }
    
    export default App;
    
    从“React”导入React;
    从“react router dom”导入{BrowserRouter,Route,Switch};
    从“/routes/Home”导入主页;
    从“/routes/Post”导入邮件;
    从“/routes/Profile”导入配置文件;
    /*
    在此处导入非反应页面。?
    */
    函数App(){
    返回(
    /*
    在这里发送非反应页面?
    */
    );
    }
    导出默认应用程序;
    

  • 非常感谢

    也许您可以在de route中使用重定向元素:

    <Route path="/pricing">
       <Redirect to="www.something.com" ></Redirect>
    </Route>
    

    如果您需要
    路由
    切换与react无关的前端页面的不同部分,则
    微服务
    可能是一个不错的选择。