React - 为不同的页面设置路径

Question

我尝试为我创建的不同页面设置路由集，我能够为第一组页面创建一组路由，其中​​包括

Intro.js  path = /

Login.js path = /login

Dashboard.js path = /dashboard which comes after login.

我只是在 app.js

中执行了以下操作

<BrowserRouter>
   <Switch>
      <Route path="/dashboard" component={Dashboard} />
      <Route path="/login" component={Login} />
      <Route path="/" component={Intro} />
   </Switch>
</BrowserRouter>

以上工作非常棒，但是当我登陆 Dashboard 时，它本身就有一组特定于Dashboard的路由将其作为root用户，因此我的路由应该看起来像 / dashboard / home ， / dashboard / about 等

我对此级别感到困惑，应该如何设置仪表板中的路径。

以下是页面的图形插图

如果你能帮助我理解这里发生什么，我将不胜感激？

感谢。

Answer 1

您也可以将Dashboard设置为路由器组件，因此在控制台内部设置Switch将使这些路由具有/dashboard前缀。像这样的东西

<Switch>
  <Route path="/home" component={DashboardHome} /> // localhost:xxxx/dashboard/home
  <Route path="/about" component={DashboardAbout} /> // localhost:xxxx/dashboard/about
</Switch>

Answer 2

好的，我自己解决了这个问题。

我必须在 Dashboard.js

中执行以下操作

conngre = psycopg2.connect("host='blah' port='blah' dbname='blah' user='blah' password='blah'", cursor_factory=psycopg2.extras.RealDictCursor)
curgre = conngre.cursor()

sqlconn = pyodbc.connect(r'DSN=d;UID=blah;PWD=blah')
cursql = sqlconn.cursor()

with open('exportgre', 'r') as selectexport:
    var1 = selectexport.read()
    curgre.execute(var1)
    rows = curgre.fetchall()
    for row in rows:
        cursql.execute('INSERT INTO table_name (col1, col2, col3) VALUES (?, ?, ?)', (row[0], row[1], row[2]))

它按预期工作。

希望它有所帮助。