router5-react-redux:在同构React应用中使用Redux的router5示例用法

时间:2024-05-26 03:16:16
【文件属性】:

文件名称:router5-react-redux:在同构React应用中使用Redux的router5示例用法

文件大小:211KB

文件格式:ZIP

更新时间:2024-05-26 03:16:16

react redux router async-data router5

router5-react-redux 使用引导 目的 使用Redux在同构React应用中演示 。 我们是router5的新手,如果您有任何反馈,我们将不胜感激! 与router5相关的关键功能 通过中间件加载过渡阻止异步数据。 结果数据将成为props.route.data的一部分。 可以通过HOC withData将其映射到道具,后者还可以处理生命周期功能。 简化的子路线渲染,将子路线添加到其父母的props.childRoute 。 这类似于react-router通过props.children处理子路由的props.children 通过中间件阻止过渡的延迟加载组件。 陷阱 关于异步数据的一件事:因为数据已应用到路由对象,所以当路由以任何方式更改时,数据都会丢失。 这意味着,如果您在孩子之间导航,则父母(尽管仍然需要数据)将丢失道具中的数据。 要处理此问题,您可以将


【文件预览】:
router5-react-redux-master
----.gitignore(294B)
----package.json(5KB)
----package-lock.json(465KB)
----src()
--------client()
--------app()
--------server()
----LICENSE(1KB)
----public()
--------favicon.ico(24KB)
--------manifest.json(298B)
----.env(45B)
----scripts()
--------build-server.js(2KB)
--------test.js(734B)
--------build-client.js(4KB)
--------start.js(5KB)
----README.md(1KB)
----config()
--------webpack.config.server.js(1KB)
--------polyfills.js(632B)
--------jest()
--------webpack.config.client.prod.js(8KB)
--------production.js(105B)
--------webpack.config.base.js(6KB)
--------webpackDevServer.config.js(5KB)
--------paths.js(2KB)
--------webpack.config.client.dev.js(5KB)
--------env.js(3KB)
----yarn.lock(268KB)

网友评论