![](https://img-blog.csdnimg.cn/20201014180756757.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
react
文章平均质量分 81
想淋场大雨
你没进入黑暗,你在走向光明
展开
-
react-路由
react-路由 单页面应用 SPA(single page application): 整个应用只有一个完整的页面 点击页面中的链接不会刷新页面,只会做页面的局部更新 数据需要通过ajax请求获取,并且在前端异步展示 路由的理解 什么是路由? 一个路由就是一个映射关系(key:value) key为路径,value可能是function或component function:后端路由 component:前端路由 路由分类? 后端路由: 理解:value是functi原创 2022-04-24 09:00:11 · 322 阅读 · 0 评论 -
react-组件间传参
react-组件间传参 状态在哪里,操作状态的方法就在那里 父组件向子组件传参 class Parent extends React.Compnent{ render(){ return( <Son a={1}/> ) } } class Son extends React.Component{ render(){} componentDidMount(){ console.log(this.pro原创 2022-04-24 08:59:28 · 1038 阅读 · 0 评论 -
react-ajax请求后台数据方法
react-ajax axios 方法一:在package.json中配置 "proxy":"http://localhost:5000" 这样localhost:5000就是我们要代理到的服务器 getStudentData = () => { axios.get('/students').then( (result) => { console.log(result.data); }, (reason) => { console.log(re原创 2022-04-18 09:01:34 · 1890 阅读 · 0 评论 -
react生命周期-旧
react生命周期-旧 示意图 组件各生命周期钩子 componentWillMount:组件将要挂载时执行 componentDidMount:组件已经挂载后执行,一般在这个钩子里做一些初始化的事,发送请求,设置定时器…,孩子出生 render:只要组件变化就会触发的函数,孩子成长 componentWillReceiveProps:组件将要父组件传来的属性时执行 shouldComponentUpdate:判断是否需要组件更新 componentWillUpdate:组件将要更新时执行 compone原创 2022-04-06 08:38:50 · 258 阅读 · 0 评论 -
react-脚手架
react-脚手架 何为脚手架 脚手架:工地中建造建筑时,搭建的架子模板,就叫做脚手架 xxx脚手架:就是用来帮助程序员快速创建一个基于xxx库的模板项目,包含: 所有需要的配置(语法检查、jsx编译、devServer) 下载好了所有相关的依赖 可以直接运行一个简单的效果 react提供了一个创建react项目的脚手架库:create-react-app 项目整体技术架构为:react+webpack+es6+eslint 使用脚手架开发的特点:模块化、组件化、工程化 如何创建并启用 **第一步原创 2022-04-06 08:38:07 · 386 阅读 · 0 评论 -
react-DOM-DIFF算法
文章目录react-DOM-DIFF算法面试题: react-DOM-DIFF算法 面试题: 1.React、Vue中,key的作用是什么,key的原理是什么? 简单的说:key是虚拟DOM对象的标识,在更新显示时key起到了极其重要的作用 详细的说:当状态中的数据发生变化时,react会根据【新数据】生成新的【DOM对象】,随后React进行【新的虚拟DOM】与【旧的虚拟DOM】==diff(different)==比较。 如果旧的虚拟DOM中找到了与新的虚拟DOM相同的key: 若虚拟DOM原创 2022-04-06 08:37:22 · 147 阅读 · 0 评论 -
react-3.19->3.27
文章目录React3.19React全家桶**注意点:**3.203.20虚拟DOM两种创建方式JSX原生js(一般不用)3.20 jsx特点jsx中调用变量jsx中给标签定义类名jsx中的style内联样式jsx中虚拟DOM不能有多个根节点jsx内虚拟DOM的标签必须闭合jsx中默认标签为小写,组件标签开头应大写3.20jsx中数组的遍历何为语句和表达式3.20模块与组件、模块化与组件化3.20函数式组件和类式组件函数式组件类式组件3.20组件的三大属性state(状态)props(属性)refs() R原创 2022-03-21 08:28:32 · 626 阅读 · 0 评论