
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或component2.路由分类1.后端路由:1)理解: value是function, 用原创 2022-01-19 10:29:11 · 144 阅读 · 0 评论 -
React ajax
标题第4章:React ajax4.1. 理解4.1.1. 前置说明1.React本身只关注于界面, 并不包含发送ajax请求的代码2.前端应用需要通过ajax请求与后台进行交互(json数据)3.react应用中需要集成第三方ajax库(或自己封装)4.1.2. 常用的ajax请求库1.jQuery: 比较重, 如果需要另外引入不建议使用2.axios: 轻量级, 建议使用1)封装XmlHttpRequest对象的ajax2) promise风格3)可以用在浏览器端和node服务器端原创 2022-01-18 15:13:57 · 597 阅读 · 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-app3.项目的整体技术架构为: react + webpack + es6 + eslint4.使用脚手架开发的项目的特原创 2022-01-18 11:18:20 · 355 阅读 · 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 · 167 阅读 · 0 评论 -
React-组件三大核心(二)
2.2. 组件三大核心属性1: state(最不好理解的)2.2. 组件三大核心属性1: state2.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 · 187 阅读 · 0 评论 -
React基础(一)
1 什么是 React原创 2022-01-14 10:41:51 · 105 阅读 · 0 评论