![](https://img-blog.csdnimg.cn/20201014180756923.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
React
文章平均质量分 95
ToDeer
这个作者很懒,什么都没留下…
展开
-
创建组件的方法,组件的props属性、state属性的用法和特点,父子组件传值,兄弟组件传值
创建组件的方法,组件的props属性、state属性的用法和特点,父子组件传值,兄弟组件传值。一,创建组件的方法1.1.创建组件的方法有函数组件和类组件。1.2.组建的使用。引入组件 import 组件名 from './组件名'<组件名 />二,组件的props属性示例:HTML页面<!DOCTYPE html><html la...原创 2019-12-20 13:26:40 · 230 阅读 · 1 评论 -
入门react简易TodoList实现增删改查
TODOList,数据增删改查的操作操作思路UI界面怎么实现;UI(User Interface)功能代码实现:(1)添加数据(2)查询数据,展示(3)删除数据(4)修改数据数据持久化操作localStorage.setItem(‘key’,value)var value = localStorage.getItem(‘key’)修改state属性this....原创 2019-12-24 20:50:38 · 925 阅读 · 0 评论 -
React路由相关知识点
一.React路由介绍1.1、单页面应用单页面得特点:只需要加载一次主页面,通过局部刷新,就可以实现跳转或者切换页面优点:加载速度快,用户体验比较好缺点:第一次加载比传统要慢一点不利seo页面相对复杂返回键二. 路由的安装1.2、安装react-router-dom 在项目命令行中,执行: `cnpm install react-router-dom -S`三...原创 2019-12-25 14:47:08 · 262 阅读 · 0 评论 -
React函数组件相关知识点
React函数组件相关知识点1. React环境搭建第一步:安装node.jsnode.js 下载网址: https://nodejs.org/zh-cn/download/第二步:安装React脚手架node.js下载网址: https://nodejs.org/zh-cn/download/ 第三步:创建项目create-react-app todolistcd todoli...原创 2020-02-04 14:20:54 · 127 阅读 · 0 评论 -
react生命周期函数的介绍
组件生命周期介绍概念:在组件创建、到加载到页面上运行、以及组件被销毁的过程中,总是伴随着各种各样的事件,这些在组件特定时期,触发的事件,统称为组件的生命周期;1. 装载过程(mont),组件创建阶段的生命周期函数,就是组件在第一次在DOM树中渲染的过程,有一个显著的特点:创建阶段生命周期函数在组件的一辈子中,只执行一次;1.1 constructor 就是Es6里的构造函数,创建一个...原创 2020-02-10 20:26:09 · 203 阅读 · 0 评论 -
React实现简单电商案列(含二级路由跳转,获取JSON数据)
React实现简单电商案列操作思路:UI界面怎么实现UI (User Interface)(1) 涉及路由跳转Route(2) json数据来渲染页面功能代码实现:(1) 通过素材中API完成数据请求及数据渲染(2) 点击左侧一级分类,右边动态筛选对应的二级分类数据(不是配置多个路由实现)(3) 完成路由配置首页、分类、购物车、个人,除了分类其它页面内容自定义需要安装的插件:...原创 2020-04-04 21:37:28 · 529 阅读 · 0 评论 -
react创建项目的详细步骤
些许忘掉,赶紧拿小本本记下~~react如何创建项目,这是我创建项目时用到的东西一.创建项目npm install create-react-app -gcreate-react-app react-demo (react-demo项目名).cd react-demonpm installnpm start //运行项目二.配置路由安装 npm install --save react-router-dom 就可以使用react router了三.添加less配置原创 2020-10-14 20:57:51 · 586 阅读 · 0 评论 -
React如何下载文件
React如何下载文件在这里我借助的阿里云来实现下载文件上代码:以下region根据实际情况来填,accessKeyId,accessKeySecret是阿里云提供给我们的,bucket指的我们存储空间的名称let OSS = require('ali-oss');let client = new OSS({ region: '<Your region>', accessKeyId: '<Your AccessKeyId>', accessKeySecret原创 2020-10-29 15:02:06 · 6101 阅读 · 0 评论