【问题标题】:Should one Make routers on client side using react or using express router on server side?应该在客户端使用 react 还是在服务器端使用 express 路由器?
【发布时间】:2020-12-11 14:02:56
【问题描述】:

我刚刚开始学习 React 并阅读了一本书。但我不知道如何构建应用程序以使其看起来很专业。 我阅读了有关 react-router-dom 的信息,我可以为不同的路由制作不同的反应组件,如下面的代码尖峰所示。但这是构建 React 应用的好方法吗?

import React from 'react';
import { Route, Switch } from 'react-router-dom'
import Blog from "./Blog";
import Authentication from './Authentication';
import Registration from "./Registration";

import Menu from "./Menu";
import Whoops404 from './Whoops404';

const Router = () =>
    <section className="application">
        <Route component={Menu} />
        <Switch>
                <Route exact path='/' component={Blog} />
                <Route path='/login' component={Authentication} />
                <Route path='/regist' component={Registration} />
                <Route component={Whoops404} />
        </Switch>
    </section>

export default Router;

【问题讨论】:

  • 是的,您为您的应用正确使用了 react 路由器。后端使用 Express 路由器创建 API,它将一些数据返回到您的前端应用程序。

标签: javascript reactjs express react-router-dom


【解决方案1】:

react-router-dom 是在客户端创建路由并在一个页面之间移动到另一个页面,这是您的 React 应用程序,它与用于获取的后端路由无关fetch() 方法或axios 包来获取数据,这些数据过去是在前端呈现的。我希望我能澄清这个想法。

【讨论】:

  • 是的,当然,但我读到 SPA 的整个状态应该在一个地方。但是使用 react-router-dom 我将为不同的路由创建不同的反应组件。这就是我感到困惑的原因。
  • 组件是收集后的部件,用于制作您的页面或应用程序。在这种情况下,您为每个组件或嵌套在组件中的组件和 1 个路由创建 2 个组件和一个路由。
  • 但是我做了5个组件?
  • 这与组件的数量无关。它与您如何管理应用程序有关
猜你喜欢
  • 2016-02-05
  • 2015-04-17
  • 2018-02-25
  • 2019-08-07
  • 2015-11-09
  • 2014-07-21
  • 2011-12-06
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多