![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
react
好汤圆
耐得住寂寞 守得住繁华
热爱Java 热爱后端开发 欢迎交流!
展开
-
react学习笔记——高级应用
一、todoList案例相关知识点 1.拆分组件、实现静态组件,注意:className、style的写法 2.动态初始化列表,如何确定将数据放在哪个组件的state中? ——某个组件使用:放在其自身的state中 ——某些组件使用:放在他们共同的父组件state中(官方称此操作为:状态提升) 3.关于父子之间通信: 1.【父组件】给【子组件】传递数据:通过props传递 2.【子组件】给【父组件】传递数据:通过props传递,要求父提前给子传递一个函数 4.注意defa原创 2021-08-11 11:54:04 · 186 阅读 · 0 评论 -
react学习笔记——react Ajax
React ajax一、前置说明React本身只关注于界面, 并不包含发送ajax请求的代码前端应用需要通过ajax请求与后台进行交互(json数据)react应用中需要集成第三方ajax库(或自己封装)常用的ajax请求库jQuery: 比较重, 如果需要另外引入不建议使用axios: 轻量级, 建议使用封装XmlHttpRequest对象的ajaxpromise风格可以用在浏览器端和node服务器端二、axios1、GET请求axios.ge原创 2021-08-10 13:10:24 · 178 阅读 · 0 评论 -
react学习笔记——应用部分(脚手架)
react脚手架部分一、使用create-react-app创建react应用react提供了一个用于创建react项目的脚手架库: create-react-app项目的整体技术架构为: react + webpack + es6 + eslint使用脚手架开发的项目的特点: 模块化, 组件化, 工程化1、创建项目并启动第一步,全局安装:npm i -g create-react-app第二步,切换到想创项目的目录,使用命令:create-react-app hello-react第三步,原创 2021-08-07 10:29:52 · 105 阅读 · 0 评论 -
react学习笔记——基础部分
react学习笔记——基础部分react学习笔记——基础部分一、hello_react二、虚拟DOM的两种创建方式三、jsx语法规则四、react中定义组件五、组件的三大属性1、state属性2、props属性3、ref属性六、react中的事件处理七、受控组件与非受控组件八、组件的生命周期1、引出生命周期2、react生命周期(旧)3、react生命周期(新)九、DOM的Diffing算法1、验证Diffing算法2、key的作用react学习笔记——基础部分一、hello_react<!DO原创 2021-07-03 15:42:08 · 174 阅读 · 1 评论