![](https://img-blog.csdnimg.cn/20201014180756930.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
react
文章平均质量分 81
程序猿向前跑
qq:1917671527
展开
-
React路由
5.1.1. SPA的理解 1.单页Web应用(single page web application,SPA)。 2.整个应用只有一个完整的页面。 3.点击页面中的链接不会刷新页面,只会做页面的局部更新。 4.数据都需要通过ajax请求获取, 并在前端异步展现。 5.1.2. 路由的理解 1.什么是路由? 1.一个路由就是一个映射关系(key:value) 2.key为路径, value可能是function或component 2.路由分类 1.后端路由: 1)理解: value是function, 用原创 2022-01-19 10:29:11 · 83 阅读 · 0 评论 -
React ajax
标题第4章:React ajax 4.1. 理解 4.1.1. 前置说明 1.React本身只关注于界面, 并不包含发送ajax请求的代码 2.前端应用需要通过ajax请求与后台进行交互(json数据) 3.react应用中需要集成第三方ajax库(或自己封装) 4.1.2. 常用的ajax请求库 1.jQuery: 比较重, 如果需要另外引入不建议使用 2.axios: 轻量级, 建议使用 1)封装XmlHttpRequest对象的ajax 2) promise风格 3)可以用在浏览器端和node服务器端原创 2022-01-18 15:13:57 · 548 阅读 · 0 评论 -
react脚手架运用
3.1. 使用create-react-app创建react应用 3.1.1. react脚手架 1.xxx脚手架: 用来帮助程序员快速创建一个基于xxx库的模板项目 1.包含了所有需要的配置(语法检查、jsx编译、devServer…) 2.下载好了所有相关的依赖 3.可以直接运行一个简单效果 2.react提供了一个用于创建react项目的脚手架库: create-react-app 3.项目的整体技术架构为: react + webpack + es6 + eslint 4.使用脚手架开发的项目的特原创 2022-01-18 11:18:20 · 303 阅读 · 0 评论 -
React-受控组件,生命周期(三)
2.5. 收集表单数据 包含表单的组件分类 1.受控组件 2.非受控组件 受控组件 <script type="text/babel"> //创建组件 class Login extends React.Component{ handleSubmit = (event)=>{ event.preventDefault() //阻止表单提交 const {username,password} = this alert(`你输入的用户名是:${userna原创 2022-01-17 10:39:16 · 122 阅读 · 0 评论 -
React-组件三大核心(二)
2.2. 组件三大核心属性1: state(最不好理解的) 2.2. 组件三大核心属性1: state 2.2.1. 效果 需求: 定义一个展示天气信息的组件 1.默认展示天气炎热 或 凉爽 2.点击文字切换天气 2.2.2. 理解 1.state是组件对象最重要的属性, 值是对象(可以包含多个key-value的组合) 2.组件被称为"状态机", 通过更新组件的state来更新对应的页面显示(重新渲染组件) 2.2.3. 强烈注意 1.组件中render方法中的this为组件实例对象 2.组件自定义的方法原创 2022-01-14 17:35:29 · 149 阅读 · 0 评论 -
React基础(一)
1 什么是 React原创 2022-01-14 10:41:51 · 75 阅读 · 0 评论