![](https://img-blog.csdnimg.cn/20190918140145169.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
React
文章平均质量分 82
零基础开始,逐渐熟悉react框架的使用到实战,快速提高前端开发能力(学习笔记来自B站黑马前端的视频)
keinee
这个作者很懒,什么都没留下…
展开
-
(五)React 学习笔记:React 路由基础
React 路由基础 1. React 路由可以有效的管理多个视图(组件)实现 SPA 2. Router 组件包裹整个应用,只需要使用一次 3. Link 组件是入口,Route 组件是出口 4. 通过 props.history 实现编程式导航 5. 默认模糊匹配,添加 exact 变精确匹配 6. React 路由的一切都是组件,可以像思考组件一样思考路由原创 2021-10-10 22:43:27 · 214 阅读 · 0 评论 -
(四)React 学习笔记:React 原理揭秘
React原理揭秘1. 工作角度:应用第一,原理第二。2. 原理有助于更好地理解 React 的自身运行机制。3. setState() 异步更新数据。4. 父组件更新导致子组件更新,纯组件提升性能。5. 思路清晰简单为前提,虚拟 DOM 和 Diff 保效率。6. 虚拟 DOM state + JSX 。7. 虚拟 DOM 的真正价值从来都不是性能。原创 2021-10-09 23:44:22 · 284 阅读 · 2 评论 -
(三)React 学习笔记:React 组件进阶
1.组件通讯是构建React应用必不可少的一环。2. props的灵活性让组件更加强大。3.状态提升是React组件的常用模式。4.组件生命周期有助于理解组件的运行过程。5.钩子函数让开发者可以在特定的时机执行某些功能。6. render props模式和高阶组件都可以实现组件状态逻辑复用,比较难懂,可以先学会其中一个就行。7.组件极简模型:(state, props) => UI原创 2021-10-08 00:33:52 · 273 阅读 · 0 评论 -
React 组件基础使用综合案例(发表评论列表)
评论列表1. 需求分析2.实现步骤2.1.渲染评论列表2.2.渲染暂无评论2.3.获取评论信息2.4.发表评论1. 需求分析渲染评论列表(列表渲染)没有评论数据时渲染:暂无评论(条件渲染)获取评论信息,包括评论人和评论内容(受控组件)发表评论,更新评论列表( setState() )2.实现步骤2.1.渲染评论列表在 state 中初始化评论列表数据使用数组的 map 方法遍历 state 中的列表数据给每个被遍历的 li 元素添加 key 属性//index.jsimpor原创 2021-10-06 14:54:14 · 461 阅读 · 2 评论 -
(二)React 学习笔记:React 组件基础
React 组件基础1.组件的两种创建方式:函数组件和类组件2.无状态(函数)组件,负责静态结构展示3.有状态(类)组件,负责更新 UI,让页面动起来4.绑定事件注意this指向问题5.推荐使用受控组件来处理表单原创 2021-10-05 22:43:59 · 197 阅读 · 0 评论 -
使用受控组件进行常见的表单处理示例
使用受控组件进行表单处理1. 文本框2. 富文本框3. 下拉框4. 复选框总结以下示例代码均为 index.js 文件中使用1. 文本框import React from "react"import ReactDOM from "react-dom"// 受控组件,控制文本框的值class Opp extends React.Component { state = { txt: "", } handleChange = (e) => { this.setState(原创 2021-10-05 21:29:28 · 70 阅读 · 0 评论 -
(一)React 学习笔记:React概述及基本使用
本文仅仅简单介绍了 react 入门的相关知识和脚手架的搭建,更多内容会在后续更新原创 2021-10-04 23:29:27 · 200 阅读 · 0 评论