摘要: 一、axios基本属性和设置 axios文档 安装 1 npm i -S axios axios支持的请求方式 get post put:修改数据 delete:删除数据 axios响应结果的属性 config:配置信息 data:实际响应的数据 headers:响应头信息 status:响应状态码 阅读全文
posted @ 2021-07-12 15:28 大米饭盖饭 阅读(89) 评论(0) 推荐(0)
摘要: 一、使用步骤 安装脚手架 1 npm i -g create-react-app 创建项目 1 create-react-app 项目名称 1 #也可以不用安装create-react-app创建项目 2 npx create-react-app my-app 清理创建好的项目中不需要的文件及文件夹 阅读全文
posted @ 2021-07-12 14:40 大米饭盖饭 阅读(95) 评论(0) 推荐(0)
摘要: 一、说明 下面代码运行后会报错,因为在React中并不存在类似于Vue的双向数据绑定操作 1 import React, { Component } from "react"; 2 3 class App extends Component { 4 state = { 5 msg: "hello w 阅读全文
posted @ 2021-07-12 13:02 大米饭盖饭 阅读(137) 评论(0) 推荐(0)
摘要: 函数组件无生命周期一说 生命周期函数指在某一时刻组件会自动调用并执行的函数 React每个组件都包含生命周期方法,我们可以重写这些方法,以便于在运行过程中特定的阶段执行这些方法 完整的生命周期图 常见生命周期图 一、新旧生命周期函数 1、旧生命周期函数 初始化阶段:由ReactDOM.render( 阅读全文
posted @ 2021-07-11 23:05 大米饭盖饭 阅读(167) 评论(0) 推荐(0)
摘要: 组件通信除了props(父传子)以外,还有其他方式 一、父传子(ref) 组件内的标签可以定义ref属性来标识自己 不要过度使用ref 1、字符串形式的ref 不推荐使用,已经过时,存在一些效率问题 1 import React, { Component } from "react"; 2 3 cl 阅读全文
posted @ 2021-07-11 20:33 大米饭盖饭 阅读(80) 评论(0) 推荐(0)
摘要: 一、children属性 children属性表示组件标签的子节点 当组件标签有子节点时,接受传值的子组件中的props里就会有该属性 与普通的props一样,其值可以是任意类型 注意 如果子组件标签里只存在一个子节点,则children属性值为一个字符串 如果子组件标签里存在多个子节点,那么chi 阅读全文
posted @ 2021-07-11 17:15 大米饭盖饭 阅读(64) 评论(0) 推荐(0)
摘要: 1、状态就是组件描述某种显示情况的数据,由组件自己设置和更改 2、使用状态的目的就是为了在不同的状态下使组件的显示不同 3、state状态只在class类组件才有,函数组件没有此功能 一、基本使用 状态(state)即数据,是组件自己内部的私有数据,只能在组件内部使用 state的值是对象,表示一个 阅读全文
posted @ 2021-07-11 17:03 大米饭盖饭 阅读(479) 评论(0) 推荐(0)
摘要: 一、事件绑定 React元素的事件处理和DOM元素的很相似,但是有一点语法上的不同,React元素的事件绑定采用on+事件名的方式来绑定一个事件,注意,这里和原生的事件是有区别的,原生的事件全是小写,如onclick, React里的事件是驼峰,如onClick,React的事件并不是原生事件,而是 阅读全文
posted @ 2021-07-11 16:52 大米饭盖饭 阅读(65) 评论(0) 推荐(0)
摘要: 一、组件的概念 1、组件允许我们将UI拆分为独立可复用的代码片段,并对每个片段进行独立构思。 2、从概念上类似于JavaScript函数,它接受任意的入参(props),并返回用于描述页面展示内容的React元素(JSX) 二、组件的创建方式 1、函数组件 函数组件的特点 函数组件(无状态组件):使 阅读全文
posted @ 2021-07-09 15:47 大米饭盖饭 阅读(73) 评论(0) 推荐(0)
摘要: 一、JSX概述 由于通过React.createElement()方法创建的React元素代码比较繁琐,结构不直观,无法一眼看出描述的结构,不优雅,开发时写代码很不友好。 React使用JSX来替代常规的JavaScript,JSX可以理解为的JavaScript语法扩展,它里面的标签申明要符合XM 阅读全文
posted @ 2021-07-09 15:13 大米饭盖饭 阅读(304) 评论(0) 推荐(0)