带有KOA的React Router的同构React

赖迪恩

我想在koa中创建一个应用程序,当用户点击地址栏时,该应用程序将呈现React组件,之后,一个React-Router客户端将浏览该呈现的React组件内部的链接。那可能吗?我希望初始加载对SEO友好。我还无法提供代码,但渴望倾听大家的建议和答案。

这将是所需的流程:

用户点击服务器(例如:localhost:3123 /)-> KOA将渲染将显示的react组件(该组件上有react路由器链接)->用户浏览链接(这次我不想再次击中服务器,所以我希望这一侧的React Router触发路由。

通过客户端路由时的源代码是否不会发生变化都没关系,我所要拥有的只是用户首次访问服务器时初始react组件的源代码。这可能吗?

马克斯·布马耶(Max Bumaye)

我没有做任何服务器端渲染,因为大多数时候我都开发了移动应用程序,该应用程序在客户端具有可用的资产。

也许看一下这个演示来了解一下:https : //github.com/rackt/react-router-mega-demo

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

React-Router / Redux-动态同构路由

来自分类Dev

如何使reactjs / flux / react-router spa同构?

来自分类Dev

React JS同构渲染

来自分类Dev

没有通量的同构react.js

来自分类Dev

没有从同构获取数据(React/Phoenix)

来自分类Dev

在同构React组件中导入CSS文件

来自分类Dev

同构React应用中的SCSS编译

来自分类Dev

在Web API中定义同构React路由

来自分类Dev

带有 Typescript 的 React Router 未定义“React”

来自分类Dev

带有react-router-dom链接的SpeedDialAction

来自分类Dev

带有 Reactstrap 和 React Router Dom 的 Active NavLink

来自分类Dev

同构React.js和iso-http

来自分类Dev

带有React && Hooks的IntersectionObserver

来自分类Dev

每当我更改页面时,都会调用React useEffect(带有[])(React Router)

来自分类Dev

React + Flux和服务器端渲染?(同构React + Flux)

来自分类Dev

带有 React.js 的 SSR(create-react-app、react-router v4、redux 和 sagas)

来自分类Dev

使用带有redux的react-native-router-flux,如何更新视图组件中的状态?

来自分类Dev

ActiveClassName在React-Router中带有多层选项卡

来自分类Dev

使用带有可选URL参数的react-router链接设置活动类

来自分类Dev

React-Router:嵌套路由而不嵌套带有通配符路径的组件

来自分类Dev

如何使用带有typescript的react router dom导航到新页面

来自分类Dev

TypeError:undefined不是带有React-router-dom的对象(评估“ undefined.state”)

来自分类Dev

模拟React-Router-dom useHistory和其他带有笑话的钩子

来自分类Dev

History.Push链接到带有React Router的新选项卡

来自分类Dev

React-Router:嵌套路由而不嵌套带有通配符路径的组件

来自分类Dev

ActiveClassName在React-Router中带有多层选项卡

来自分类Dev

Typescript 2种带有react-router的类型,找不到名称路径,组件

来自分类Dev

React Router-带有可选参数的路由不起作用

来自分类Dev

未捕获到的SyntaxError:在React-Router中出现意外的令牌<,最后带有斜杠

Related 相关文章

  1. 1

    React-Router / Redux-动态同构路由

  2. 2

    如何使reactjs / flux / react-router spa同构?

  3. 3

    React JS同构渲染

  4. 4

    没有通量的同构react.js

  5. 5

    没有从同构获取数据(React/Phoenix)

  6. 6

    在同构React组件中导入CSS文件

  7. 7

    同构React应用中的SCSS编译

  8. 8

    在Web API中定义同构React路由

  9. 9

    带有 Typescript 的 React Router 未定义“React”

  10. 10

    带有react-router-dom链接的SpeedDialAction

  11. 11

    带有 Reactstrap 和 React Router Dom 的 Active NavLink

  12. 12

    同构React.js和iso-http

  13. 13

    带有React && Hooks的IntersectionObserver

  14. 14

    每当我更改页面时,都会调用React useEffect(带有[])(React Router)

  15. 15

    React + Flux和服务器端渲染?(同构React + Flux)

  16. 16

    带有 React.js 的 SSR(create-react-app、react-router v4、redux 和 sagas)

  17. 17

    使用带有redux的react-native-router-flux,如何更新视图组件中的状态?

  18. 18

    ActiveClassName在React-Router中带有多层选项卡

  19. 19

    使用带有可选URL参数的react-router链接设置活动类

  20. 20

    React-Router:嵌套路由而不嵌套带有通配符路径的组件

  21. 21

    如何使用带有typescript的react router dom导航到新页面

  22. 22

    TypeError:undefined不是带有React-router-dom的对象(评估“ undefined.state”)

  23. 23

    模拟React-Router-dom useHistory和其他带有笑话的钩子

  24. 24

    History.Push链接到带有React Router的新选项卡

  25. 25

    React-Router:嵌套路由而不嵌套带有通配符路径的组件

  26. 26

    ActiveClassName在React-Router中带有多层选项卡

  27. 27

    Typescript 2种带有react-router的类型,找不到名称路径,组件

  28. 28

    React Router-带有可选参数的路由不起作用

  29. 29

    未捕获到的SyntaxError:在React-Router中出现意外的令牌<,最后带有斜杠

热门标签

归档