橙子的博客

示例：自定义一个Hook，返回一个和滚动条位置实时同步的state。

3、非受控组件：组件的状态和表单控件状态不同步(只是表单控件的初值和组件的state一致)。1、将组件的状态(state)与表单的状态进行绑定：当组件的state发生改变时修改表单的状态,或者表单的状态被改变时通过setState修改组件的状态,这样就形成了组件对表单控件的控制—受控组件。该数组的第一个元素(索引为0的元素)是state的具体值,该数组的第二个元素(索引为0的元素)是一个方法,用来更新state值,然后引起视图的更新。函数组件 ：一个函数就是一个组件(简易组件)。一般作为纯展示组件使用。.

(1)constructor(props)：构造函数，在函数中会初始化该组件。在父组件更新后子组件接收到新的props时触发。(4)render()：根据新的props和新的state生成新的虚拟DOM，将新的虚拟DOM和原来旧的虚拟DOM进行比对找到更新点，更新真实DOM。(2)sholdComponentUpdate(nextProps,nextState)：用于判断是否要进行组件的更新。(3)render：根据return中的值生成虚拟DOM，然后提交个ReactDOM,渲染到真实的DOM中。

什么是组件：是视图的抽象。

显而易见，你只是想要吃糖醋排骨，至于糖醋排骨是你妈妈忙活一番做出来的，还是你妈妈点了外卖，外卖小哥冒着风雪送来的，只要糖醋排骨能让你满意，其它的你也许都不关心。操作DOM时，你关注的是结果，而js操心的是怎么把你要的结果都找到和拿回来，你是在做声明式编程，而js引擎是在做命令式编程。在家时，你关注的是糖醋排骨，妈妈操心怎么给你弄来糖醋排骨，你是在做声明式编程，而你妈妈是在做命令式编程。在公司时，领导关注的是业绩，你操心的是怎么把业绩做到上千，领导是在做声明式编程，而你是在做命令式编程。

React框架规定Props是不能被修改的， 也就是说Props是个只读的参数。3、可以通过’组件名.defaultProps={ default: 值 }’ 方式来设置类组件的props属性值。2、在类组件的构造方法中必须使用super(props)完成父类的构造。注意：'属性名’就是参数名,会封装到props中。1、用于React函数组件的参数的输入。1、类组件默认含有props属性。3、props属性是只读的。// 1、获取页面的元素。// 2、定义函数组件。

1)是一个JavaScript库，用于简化用户界面的设计。(2)美国的Facebook公司2013年发布(3)基于jsx(JavaScript XML)语法.使用XML标记将html、JavaScript混写。是React的核心。(4)组件：是数据和逻辑的封装，提高了代码的复用率，便于测试和维护。...