我正在做一个使用react、redux和express的项目,我不明白react路由和express routes有什么区别.js,我是需要把两者结合起来还是只用一个?

https://github.com/reactjs/react-router

谢谢你的帮助:)

推荐答案

注:this stackoverflow post包含的示例和代码对您有很大帮助.

这是一个典型的误解.Express将处理后端路由,而React(使用React路由或任何前端路由库)将处理前端路由.

因此,您必须确保当用户走上/accounts/me这样的路由时,服务器会在需要时为您的前端(react)应用程序提供服务,但/api/users/me这样的服务器会呈现数据.这只是一个例子.

"正常"用法是使用express处理数据(via个API),而应用程序(页面和视图)仅使用React.

如果使用服务器渲染,它会变得更复杂.

在大多数情况下,是的,你必须同时使用这两种方法.

编辑:如果你的问题更具体地说明你的用法和你想做什么,回答起来会更容易.

编辑2:大多数情况下,为前端应用程序和API(数据)提供服务的服务器并不相同,如果是,只需确保在某些路由命中服务时发送应用程序:即/home/about(这里显然不是API路由)应该作为前端应用程序发送serve index.html,React将负责路由,以决定渲染什么.

Reactjs相关问答推荐

使用React Router多姆表单组件附加/?地址栏中基本URL的索引

如何在useEffect中使用useParams()

为什么登录错误和密码在创建Reaction-Hook-Form后立即被删除?

如何用Reaction做交互式的MathML?

MUiv5和TSS-Reaction SSR问题:无法可靠地处理样式定义.CSSprops 中的ArrowFunctionExpression

在Reaction中管理多个状态

使用Ionic 7和React 18,如何访问历史对象以在页面之间导航?

取消 Select 较高组件中的所有行

React,当我调用handleSubmit()函数时,我正在将application/json和multiform/data中的数据发送到后端,但student_image中没有数据:null

shadcn输入+窗体+Zod;一个部件正在改变要被控制的不受控制的输入;

使用以Jest 的方式返回 Promise 的方法来模拟可构造的 API 类时出现问题

在一个事件处理程序中进行多次调度是个好主意吗?

在 CrafterCMS Studio 中拖动字段

类型错误:类型typeof import(js-cookie)上不存在属性get

React Native Realm 应用程序在发布构建后崩溃

单元测试 useLoaderData() react-router v6 加载器函数

如何使图标适合 react-bootstrap 中的行元素

如何定制 React 热 toastr ?

如何在 v6.4 中将 Auth0 提供程序与新的 createBrowsereRouter 一起使用?

在react 路由dom版本6中的组件内添加路由