![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
react
小智大愚
不断进阶的程序媛
展开
-
React 初探 [九] redux react-redux 基本使用与counter 案例
reduxredux 理解1、学习文档 1).英文文档: https://redux.js.org/ 2).中文文档: http://www.redux.org.cn/ 3).Github: https://github.com/reactjs/redux2、redux 是什么? 1). redux 是一个独立专门用于做状态管理的JS 库 (不是react 的插件库) 2).他可以用在react angular vue 等项目中,但...原创 2020-08-23 16:50:04 · 218 阅读 · 0 评论 -
React 初探 [八] react-router 基本使用与侧边栏切换功能
react-router 说明1、react-router 相关理解2、SPA的理解3、路由的理解4、前端路由的实现react-router 的基本使用=====督促自己完成======原创 2020-08-17 17:05:57 · 1485 阅读 · 0 评论 -
React 初探 [七] 使用React脚手架创建项目并实现评论功能
实践出真知!!! 了解了React 一些基础之后,那么在实际开发中,React 框架是怎么使用的呢,和 VUE 一样,他们都有比较完善的生态系统,今天就先来探探react 脚手架的使用,并在项目中实现包含添加删除的评论功能。React 脚手架安装使用Create React App 值得一看全局安装脚手架:npm install -gcreate-react-app使用脚手架创建项目:create-react-app my-react切换到项目目录: cd my-react...原创 2020-08-14 17:12:55 · 570 阅读 · 0 评论 -
React 初探 [一] React & JSX 基本介绍和 Hello World
项目中一直使用的是Vue,最近准别去了解了解React,为什么学习呢,因为他也是前端开发很流行的框架,很多公司很多项目在用的框架,扩展自己的技术栈也是今年的目标之一,而且自从经历今年疫情的隔离等,长时间不学习真的会知识焦虑,所以准备向React下手。官网React 是什么一句话 React 是 JavaScript 库 ,再详细点就是 用于构建用户界面的 JavaScript 库 ,这是官网最精简的介绍,我的理解是他是JS 库 ,那么JS能干什么他就能干什么,只是有自己的语法,自己的优势,为.原创 2020-07-30 14:21:07 · 146 阅读 · 0 评论 -
React 初探 [二] React 组件的基本使用 和 组件三大属性
组件化编程是React 和 Vue 框架共同的思想,只是在实现上有些区别,组件化编程的优点不用多说,可以复用,可以简化代码,更能体现封装的思想等。这篇文章主要是定义结合代码分享React组件的基本使用和组件三大属性。组件基本定义和使用组件定义React 组件的定义有两种方式,分别是 工厂函数组件(简单组件);ES6 类组件(复杂组件==》可以操作state)使用使用分主要两步,定义组件 ====》 渲染组件标签<!DOCTYPE html><html lan.原创 2020-08-02 19:56:09 · 196 阅读 · 0 评论 -
React 初探 [三] React 组件组合使用
已经有vue 框架使用经验的人知道,真实的项目开发中,组件封装,嵌套,传值等都非常重要,想必使用React 框架开发项目,也一定不是只是用一个组件就够了,所以这篇文章梳理React 组件组合使用基础。基本理解我们知道,页面要有一个根组件,其他的封装的组件则要嵌套在根组件或者其应该在得父组件中,组件的组合使用,就是会有组件的嵌套使用,涉及到传值,数据处理等。TODO List 案例效果通过一个小案例来具体了解下 组件组合使用的基本实现,最终的实现页面图如下需求显示所有 to.原创 2020-08-03 13:26:02 · 240 阅读 · 0 评论 -
React 初探 [四] React 组件收集表单数据的两种方式
收集表单数据这项工作在前端的项目中是非常常见的,我们知道vue 中 有 v-model 实现了双向数据绑定,那么React 中是怎么样的情况,这边文章来探讨一下。功能学习以需求驱动比较快,那么来看一个和收集React 表单数据相关的小案例,效果如下:功能本身很简单 ,主要是为了了解 React 中 组件收集数据的方式。根据需求可分析我们所要的操作为获取输入框中 用户名 和 密码 阻止表单的默认提交行React 代码实现如下:<!DOCTYPE html><..原创 2020-08-03 15:09:36 · 373 阅读 · 0 评论 -
React 初探 [五] React 组件的生命周期
说起生命周期,最先接触的是Andorid 开发中 Activity 和 Fragment 的生命周期,再者是Vue 组件,那么今天要梳理的是React 组件的生命周期,可见对生命周期的理解和掌握对组件化开发时非常重要的。概述生命周期是什么?生命周期就是指一个对象的生老病死,而此处的对象就是React 组件,组件的生命周期也就是从其创建到销毁的过程,而且在整个过程中,React 组件暴露出来了一些函数,在特定的阶段进行回调,我们称之为生命周期回调函数或者钩子函数,这些回调函数主要是给开发暴露了操作.原创 2020-08-04 15:06:27 · 132 阅读 · 0 评论 -
React 初探 [六] ajax 请求
今天是北京下暴雨的一天,从昨天下班开始各个平台已经开始推送消息,今天有大暴雨,建议在家办公,很多公园也都关闭了,公司也说非必要可以不来公司,但是左等右等,大暴雨还是没有按时到来,为此大家都提前到了公司。下午两点天渐渐变天了,然后大雨,因此一批人冒着大雨回家了,我选择再看几节React 课程,那么现在雨是彻底停了!因此------万事不要慌!前置说明React 本身只关注界面,并不包含发送ajax 请求的代码 前端应用需要通过ajax 请求与后台进行交互常用的ajax请求库1、jQuery.原创 2020-08-12 16:39:27 · 135 阅读 · 0 评论