随笔分类 -  前端

使用connected-react-router使router与store同步
摘要：connected-react-router是一个绑定react-router到redux的组件，来实现双向绑定router的数据到redux store中，这么做的好处就是让应用更Redux化，可以在action中实现对路由的操作。 这个组件的关键就在于使用了react-router中的一个关键组 阅读全文
posted @ 2020-02-12 11:04 tianyamoon 阅读(3270) 评论(0) 推荐(0)
redux之compose的理解
摘要：react项目添加redux的时候，用到了redux中的compose函数，使用compose来增强store，下面是一个应用: import {createStore,applyMiddleware,compose} from 'redux'; import createSagaMiddlewar 阅读全文
posted @ 2020-02-10 18:54 tianyamoon 阅读(1325) 评论(0) 推荐(0)
react-router-dom 5.X
摘要：安装 npm install --save react-router-dom 使用 导入 import { BrowserRouter as Router, Route, Link } from "react-router-dom";上述import是es6语法，其中as是取别名用的 简单实例 im 阅读全文
posted @ 2020-02-07 01:03 tianyamoon 阅读(2060) 评论(0) 推荐(0)
在React中使用react-router-dom路由
摘要：使用React构建的单页面应用，要想实现页面间的跳转，首先想到的就是使用路由。在React中，常用的有两个包可以实现这个需求，那就是react-router和react-router-dom。本文主要针对react-router-dom进行说明。 安装 首先进入项目目录，使用npm安装react-r 阅读全文
posted @ 2020-02-03 22:16 tianyamoon 阅读(2742) 评论(0) 推荐(0)
react-router与react-router-dom使用时的区别
摘要：1、React-router与React-router-dom的API对比 React-router：提供了router的核心api。如Router、Route、Switch等，但没有提供有关dom操作进行路由跳转的ap； React-router-dom：提供了BrowserRouter、Rout 阅读全文
posted @ 2020-02-03 21:57 tianyamoon 阅读(1290) 评论(0) 推荐(0)
react-router 使用
摘要：本次使用react-router 版本为 5.0.1本教程前提是你的应用程序是一个web应用程序，使用’react-router-dom‘包来实现页面的路由 在React router中有三种类型的组件，一是路由组件第二种是路径匹配组件第三种是导航组件。路由组件: BrowserRouter 和 H 阅读全文
posted @ 2020-02-03 21:52 tianyamoon 阅读(414) 评论(0) 推荐(0)
基于react-app搭建react-router+redux项目
摘要：本文章是对之前原文的一个重新整理，没有太多加入自己的东西 阅读全文
posted @ 2019-07-25 16:02 tianyamoon 阅读(2263) 评论(0) 推荐(0)
react，react-router，redux+react-redux 构建一个React Demo
摘要：创建初始化应用 加速我们的npm。 利用create-react-app 创建项目，执行下面创建我们的demo-react应用： 我习惯使用VSCode，我用vscode打开这个文件夹，目录结构如下。 安装需要的依赖 我们的项目需要: react-router: react-router-dom r 阅读全文
posted @ 2019-07-25 15:38 tianyamoon 阅读(518) 评论(0) 推荐(0)