React中使用axios发送请求 React中使用axios发送请求
前言axios 是一个基于Promise 用于浏览器和 nodejs 的 HTTP client 特征 从浏览器创建 XMLHttpRequests 从node.js 发出 http 请求 支持 Promise API 拦截请求(reque
2021-11-04
hooks使用 hooks使用
前言hooks是 16.8 版本之后的新特性,React 团队希望,组件不要变成复杂的容器,最好只是数据流的管道。开发者根据需要,组合管道即可。 组件的最佳写法应该是函数,而不是类。React 早就支持函数组件,但是,这种写法有重大限制,必
2021-07-28
React实现数据双向绑定 React实现数据双向绑定
前言双向数据绑定,带来双向数据流。数据(state)和视图(View)之间的双向绑定。说到底就是 (value 的单向绑定 + onChange 事件侦听)的一个语法糖特点: 无论数据改变,或是用户操作,都能带来互相的变动,自动更新。适用于
2020-12-13
React redux的使用 React redux的使用
前言Redux 是 JavaScript 状态容器,提供可预测化得状态管理,可以跨组件、跨页面推送数据。应用场景如 : 购物车、会员登录等功能模块。Redux 由 Flux 演变而来存储流程:Redux 的基本思想是整个应用的 state
2020-11-08
React路由的基本使用 React路由的基本使用
前言使用React构建的单页面应用,要想实现页面间的跳转,首先想到的就是使用路由。在最新React中,使用的是react-router-dom 安装路由npm install --save-dev react-router-dom 路由的
2020-11-01
React中props与state的区别 React中props与state的区别
props主要是用于组件之间传递参数,获取组件的属性值。 组件之间数据单向流动 ,从父组件流向子组件。属性值是无法修改的,它是只读的。 stateReact组件的核心,是数据的来源,主要用于组件更新控制。如果想重新渲染或更新组件,只需要修改
2020-10-27
React入门基础 React入门基础
概念它是一个将数据渲染为 HTML 视图 的 js 库 原生 js 痛点用 dom 的 API 去操作 dom,繁琐且效率低用 js 直接操作 dom,浏览器会进行大量的回流和重绘原生 js 没有组件化的编程方案,代码复用性低,对样式和结构
2020-10-26
React组件的使用 React组件的使用
组件的意义React通过组件的思想,将界面拆分成一个个可复用的模块,每一个模块就是一个React 组件。一个React 应用由若干组件组合而成,一个复杂组件也可以由若干简单组件组合而成。 创建组件方式组件是由元素构成的。元素数据结构是普通对
2020-10-25