react

单页面应用程序SPA:只有一个html页面的应用程序 现在的前端大部分使用的是spa,它的用户体验更好,对服务器的压力更小 为了使用单页面来管理原来多页面的功能,前端路由应运而生.

Context提供了一种在组件之间共享数据的方式，而不必通过组件树的逐层传递props; Context提供了两个组件:Provider组件 和 Consumer组件

child1里的占位符score来源于父组件的state里的score属性的值 child2按钮上的动作addScore来源于父组件的addScore函数,该方法会操作父组件的state里的score

组件是独立且封闭的单元,默认情况下,只能使用组件自己的数据. 为了实现多个组件之间共享数据,就需要打破组件的独立封闭性,让组件与外界沟通,这个过程就是组件通讯.

react将state与表单元素的value值绑定在一起 由state的值来控制表单元素的值 受到react控制的表单元素 就叫 受控组件

react中有很多地方会用到数据，数据在react中被叫做状态 我们需要一个专门管理状态(数据)的方法,于是state就诞生了

一 事件绑定 语法: on事件名称={事件处理程序} 示例: onClick={()=>{}} 备注: 事件名称使用驼峰命名法 类组件和函数组件的事件绑定稍有区别, 下面我们来看一下 关于类组件和函数

react组件介绍 组件是react的一等公民,使用react就是在使用组件 组件表示页面中的部分功能 组合多个组件就可以实现完整的页面功能

JXL:javaScipt xml的简写,在javaScipt中写xml(html)格式的代码 JXL优点 1 声明式的语法更加直观 2 与html结构相同,降低了学习成本 3 提升开发效率

本文已参与「新人创作礼」活动，一起开启掘金创作之路。 一 react介绍 1 react是什么? react是一个用于构建用户界面(HTML页面)的javaScipt库 react主要用来写html页