React 从入门到砸墙
文章平均质量分 96
React 从入门到砸墙
从人到猿
带薪摸鱼只是不亏,让老板为学习买单才是血赚
展开
-
React面试宝典(未完待续)
你真的了解React吗React 是一个网页UI框架声明式、组件化、通用性声明式:优势在于可以做到一目了然,也便于组合组件化:降低系统间功能的耦合性,提高功能内部的聚合性通用性:将DOM抽象为虚拟DOM,使得React不再局限于Web开发,而能走向更广阔的平台 React是一个网页UI框架,通过组件化的方式解决视图层开发复用问题,本质是一个组件化框架。它的设计核心思路是:声明式、组件化、通用性。为什么React要用JSXJSX是一个Javascript的语法扩展,或者说是一个类似原创 2021-08-17 08:32:08 · 843 阅读 · 0 评论 -
重拾React
重拾React组件组件介绍组件创建方式函数创建组件类创建组件抽离为独立js文件事件处理事件绑定事件对象有状态组件和无状态组件组件中的state和setState()`state`基本使用`setState`状态修改从`jsx`中抽离事件处理程序事件绑定`this`指向箭头函数`Function.prototype.bind()``class`实例方法表单处理受控组件多表单元素优化非受控组件DEMO练手组件高阶使用组件的`props`组件通讯的三种方式父传子子传父兄弟组件传值Context`props`深入`原创 2021-08-17 08:32:29 · 1046 阅读 · 0 评论 -
React概念,开发环境搭建与基础语法
1. 初识React1. 什么是 React ?React 起源于 FacebookReact 是一个用于构建用户界面的 javascript 库。React 拥有较高的性能,代码逻辑非常简单,越来越多的人已开始关注和使用它。2. React 开发背景Facebook 需要解决的问题:构建数据不断变化的大型应用。(数据变化会造成以下两点的问题,React的解决方案是什么呢)3...原创 2019-09-09 15:53:19 · 322 阅读 · 0 评论 -
传值与状态机
props1. Props传入参数props 是组件对外的接口。使用props就可以向组件内部进行数据传递注意:Props对于使用它的组件来说,是只读的。一旦赋值不能修改。也就是说props的值是不可变的只能在渲染的时候传入无法动态赋值。当一个组件被注入Props 值时,属性值来源于它的父级元素,从父级到子元素。<script src="js/react.16.8.6.js"&...原创 2019-09-10 21:31:31 · 476 阅读 · 0 评论 -
循环、事件和生命周期、渲染
1. 循环在实际应用中 数据展示 是最基本的功能。React中使用的map()进行列表的渲染<script src="js/react.16.8.6.js"></script><script src="js/react-dom.16.8.6.js"></script><script src="js/babel.min.js">...原创 2019-09-11 20:32:58 · 479 阅读 · 0 评论 -
create-react-app创建初始化过程
1. 创建过程在一个合适的地方创建一个文件夹 (在当前创建的这个文件夹中npm init初始化)开始安装脚手架(只安装一次以后再创建的时候就不用下载这个了但是从装系统或者node之后要重新安装) npm install -g create-react-app在刚才创建的文件夹中 初始化项目create-react-app空格自己起个名字(等时间比较久)创建好项目后cd空格项目名启动np...原创 2019-09-15 16:00:07 · 1121 阅读 · 0 评论 -
React路由
路由路由最基本的职责就是当页面的访问地址与 Route 上的 path 匹配时,就渲染出对应的 UI 界面。实现spa应用:整个项目只有一个完整页面页面切换不会刷新页面,内容局部更新1. 路由-分类React-Router提供了一些router的核心API,包括Router, Route, Switch等,但是它没有提供 DOM 操作进行跳转的API。React-Router...原创 2019-09-16 17:40:16 · 435 阅读 · 0 评论