-
react生命周期-- <br><br> mounting react 执行render函数 渲染实例到dom节点<br><br> updateing 改变了dom节点<br><br> unmounting 删除怒dom节点<br> 在每个时期的will 和did 时间 react封装了 hook函数<br> js基础中 this本身代表函数的执行执行时内部生成的内部对象<br> 1 this一般是 调用函数的那个对象<br> 2 但出现在 函数参数(setTimeout)中时,函数参数就仅仅是函数调用,不隶属任何对象,所以是global 全局对象 window 这是this对象指向的实际对象发生改变 所以要在 函数中去调用原来的对象不能直接用this 而是在函数前 把之前this指向的对象 指向新的变量 存储。<br> 3 this 出现在构造函数里的时候 this 指的是这个通过构造函数新生成的对象 4 出现在方法如aply call bind (改变函数调用的对象)的时候 第一个参数(常this)为改变后的调用函数的对象 updating 过程中 1当看到props有改变时 2是否应该改变(新的state新的props)true 3 will 4 渲染render dom 5did查看全部
-
react component 不是dom节点如div仅仅是react div components的实例 react 中定义css的属性的时候,因为实在js运行环境中执行的 所以 第一种方法 在div实例中加class(es6已吧class改为关键字)应该写为className 第二种方法定义css 用内嵌style属性,但注意,style属性不能用常用的css的语法(字符串来表示)而是应该用样式对象去表示 eg style={{color:'red'}} 对象字面量 并且css中定义的属性应该改为驼峰式 eg fontSize查看全部
-
className查看全部
-
恐怖的前置知识查看全部
-
小巧轻量、组件化、易维护、复用性强查看全部
-
学习这个实例查看全部
-
React应用场景:组件化,高度复用查看全部
-
React思想查看全部
-
基础。查看全部
-
1. JSX 里的所有内容必须包含在一个唯一的标签里,否则会报错(估计是为了更方便编译器编译成JS); 2. 要获取某个子组件可以通过引用`ref`对应的属性;`React.findDOMNode()`可以获取组件实际的DOM 元素,但官方并不推荐使用。查看全部
-
一般来说,组件的`props`属性是比较固定的,表示组件的**固有属性**;`state`属性则是可变的,代表了组件的状态信息。查看全部
-
1. JSX 实际上是一种语法糖,写法类似原生的HTML 嵌套一些JS 变量,其中的JS 变量部分需要用一对大括号包括(如视频里的`{this.props.name}`)。JSX 最终会由解析器编译成真正的JS(视频里没讲到的是,JSX 并不是必须的,需要渲染的内容完全可以直接用JS 写); 2. JSX 中如果要为标签设置类属性,其名称应为`className`;因为`class`是JS 里的关键字(JSX 只是语法糖,最后要被编译成JS,所以要考虑JS 的语法约束); 3. JSX 中为标签设置样式属性,属性值应为一个对象;由于对象的字面量形式包括一对大括号,所以实际写法应该是`style={{color: "red", fontSize: '16px'}}`。注意到这里定义字体大小用的是`fontSize`而不是`font-size`,因为JS 操作CSS 属性名就是以驼峰形式的。查看全部
-
lifecycle, 不同时期,不同情况,调用相应的函数查看全部
-
恩,要好好学习查看全部
-
内容不错查看全部
举报
0/150
提交
取消