react - 随笔分类 - GGbondMan

我的一个React路由嵌套（多级路由），路由传参之旅

摘要：在上一篇react路由之旅中，我们简单地配置了react，进行了react路由及相关知识的学习，引入以及实现一个局部跳转的功能，接下来就是深入学习路由的嵌套以及传参，这是工作中主要用要的。我的react已经配置了redux（见我的redux之旅），所以这是在引入的插件里做的演示。从App组件跳转阅读全文

posted @ 2020-02-23 10:48 GGbondMan 阅读(1827) 评论(1) 推荐(0)

我的一个配置redux（实现一个自增功能）之旅

摘要：前言：今天呢，就配置一下redux，redux的重要性呢，就叭叭叭一大堆，什么也没有带着配置一次来的重要，因为许多涉及到的属性和方法，用法是活的，但格式是需要记忆的。过程中不要嫌我唠叨，有的地方为了便于理解和记忆，反而会绕一下，配置redux的确比较麻烦，用到我们平时不常用的方法，我们不熟悉他阅读全文

posted @ 2020-02-18 01:07 GGbondMan 阅读(453) 评论(0) 推荐(1)

React-Native 中将 redux中的数据持久化

摘要：问题：在开发react-native过程中，使用redux保存状态迁移已基本成为一个标准做法。用户登录时的状态变更，会带来redux状态迁移，而应用程序的其他部分也需要了解用户是否已登录以及相关的登录信息，只要软件不退出，通过reducer我们总是能感知到变化的。但问题是软件退出后，reducer 阅读全文

posted @ 2020-02-02 16:55 GGbondMan 阅读(618) 评论(0) 推荐(0)

react元素获取e时，点击target为空的现象

摘要：今天呢，学习react过程中，我要获取一个元素的e， 1 checkAll=(e)=>{ 2 console.log(e) 3 console.log(e.target) 4 } 5 6 render() { 7 return ( 8 <div className="OneDemo"> 9 选择<i 阅读全文

posted @ 2020-01-30 10:53 GGbondMan 阅读(2109) 评论(0) 推荐(0)

哈希路由（hash模式）和历史路由（history模式）的区别

摘要：随着 ajax 的使用越来越广泛，前端的页面逻辑开始变得越来越复杂，特别是spa的兴起，前端路由系统随之开始流行。从用户的角度看，前端路由主要实现了两个功能（使用ajax更新页面状态的情况下）：记录当前页面的状态（保存或分享当前页的url，再次打开该url时，网页还是保存（分享）时的状态）；可阅读全文

posted @ 2020-01-29 09:59 GGbondMan 阅读(11294) 评论(1) 推荐(2)

一个简单的react路由拦截

摘要：不同于vue，通过在路由里设置meta元字符实现路由拦截。react实现路由拦截的基本思路还是利用Route 的render函数。通过判断拦截条件（比如sessionID是否存在）来实现不同的组件的跳转，从而实习拦截。接下来，我们实现一个简单的实例了解路由拦截的基本流程。页面初次渲染的时候，需要阅读全文

posted @ 2020-01-17 19:35 GGbondMan 阅读(2455) 评论(0) 推荐(0)

react组件条件渲染的几种方式

摘要：前言：最近使用react组件条件渲染，一般用三目运算符最合适了，其他方式看情况而用。一、条件表达式渲染（适用于两个组件二选一的渲染） 1 render() { 2 const isLoggedIn = this.state.isLoggedIn; 3 return ( 4 <div> 5 {is 阅读全文

posted @ 2020-01-16 19:39 GGbondMan 阅读(545) 评论(0) 推荐(0)

react 表单（受控组件和非受控组件）

摘要：我们知道表单元素与其他的普通DOM元素来说是不一样的，它们保存了自己的一些状态。我们主要说的就是表单元素中的受控组件和非受控组件。受控组件就是这个组件的状态是我们（react）控制的，这个组件的行为是完全受到我们控制的，所以叫做受控组件，比如： 1 class NameForm extends 阅读全文

posted @ 2020-01-11 11:04 GGbondMan 阅读(431) 评论(0) 推荐(0)

react与redux的一点心得（理解能力有限，蜗牛进度）

摘要：Redux是一款状态管理库，并且提供了react-redux库来与React亲密配合，但是总是傻傻分不清楚这2者提供的API和相应的关系。这篇文章就来理一理。如果要用一句话来概括Redux，那么可以使用官网的这句话：Redux是针对JavaScript应用的可预测状态容器。此句话虽然简单，但包含阅读全文

posted @ 2020-01-10 16:46 GGbondMan 阅读(150) 评论(0) 推荐(0)

学以致用，react学习前奏准备阶段

摘要：ReactJS：支持React开发，提供JSX代码提示，高亮显示，ReactJS官方介绍 1、cdm→ componentDidMount: fn() { ... } cdm 2、cdup→ componentDidUpdate: fn(pp, ps) { ... } cdup 3、cs→ var 阅读全文

posted @ 2019-12-29 16:14 GGbondMan 阅读(217) 评论(0) 推荐(0)

随笔分类 - react