reactjs
苏先生前端
这个作者很懒,什么都没留下…
展开
-
表单
表单受控组件和非受控组件受控组件:组件的使用者,有能力完全控制该组件的行为和内容。通常情况下,受控组件往往没有自身的状态,其内容完全收到属性的控制。(函数组件)非受控组件:组件的使用者,没有能力控制该组件的行为和内容,组件的行为和内容完全自行控制。(类组件)几乎没有属性表单组件,默认情况下是非受控组件,一旦设置了表单组件的value属性,则其变为受控组件(单选和多选框需要设置...原创 2019-10-22 19:48:55 · 211 阅读 · 0 评论 -
react生命周期
生命周期生命周期:组件从诞生到销毁会经历一系列的过程,该过程就叫做生命周期。React在组件的生命周期中提供了一系列的钩子函数(类似于事件),可以让开发者在函数中注入代码,这些代码会在适当的时候运行。生命周期仅存在于类组件中,函数组件每次调用都是重新运行函数,旧的组件即刻被销解释 对于类组件而言 每次render函数使用一次组件 相当于new一个react对象 renact本质...原创 2019-10-21 22:26:15 · 203 阅读 · 0 评论 -
react组件 组件属性
组件和组件属性组件:包含内容、样式和功能的UI单元创建一个组件特别注意:组件的名称首字母必须大写用域区分组件还是单个普通的react元素不再是函数ttype函数组件返回一个React元素分析 首先分为当页js 或者组件js 特别的组件js也要引入react 因为要建立react 元素其次 渲染函数接受时候两种方式 函数执行状态 组件标签状态 如下...原创 2019-10-17 22:24:56 · 554 阅读 · 0 评论 -
react jsx 语法规则
首先创建react编译环境 安装yarnnpm install -g yarn通过脚手架创建项目如下yarn create react-app react-learn运行项目yarn start什么是JSXFacebook起草的JS扩展语法 本质是一个JS对象,会被babel编译,最终会被转换为React.createElement 每个JSX表达式,...原创 2019-10-16 22:04:56 · 278 阅读 · 0 评论 -
react页面级操作 也是脚手架操作的基础原理
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-...原创 2019-10-16 18:43:41 · 181 阅读 · 0 评论 -
react概述
##什么是React?React是由**Facebook**研发的、用于**解决UI复杂度**的开源**JavaScript库**,目前由React联合社区维护。>它不是框架,只是为了解决UI复杂度而诞生的一个库 构建用户见面最主要的功能 其他交给的第三方完成MVVM 或者mvc 框架具有侵入性 拥有一套开发标准改变开发代码的方式React的特点轻量:...原创 2019-10-16 16:32:13 · 262 阅读 · 0 评论