2020年2月16日
react-transition-group
摘要： yarn add react-transition-grouphttps://reactcommunity.org/react-transition-group/css-transition 阅读全文
posted @ 2020-02-16 21:49 帕丁顿 阅读(189) 评论(0) 推荐(0)
React 中Ref 的使用
摘要： e.target 获取事件的元素 ref = 一个函数 阅读全文
posted @ 2020-02-16 17:57 帕丁顿 阅读(119) 评论(0) 推荐(0)
虚拟DOM and diff 算法
摘要： 1. 数据 state 2. JSX模板 3. 数据+模板 结合生成真实的DOM来显示 4. State 变化 5.数据+模板 结合生成真实的DOM， 替换原来的DOM 缺陷： 第一次生成了完整的DOM， 第二次生成了完整的DOM， 第二次替换第一次， 非常消耗性能 1. 数据 state 2. J 阅读全文
posted @ 2020-02-16 17:45 帕丁顿 阅读(114) 评论(0) 推荐(0)
React state, props and render 关系
摘要： 页面初始化时 render被执行一次 当state和props 变化时 调用render() 函数 当父组件的render函数被运行时，它的子组件的render函数也会被重新运行 阅读全文
posted @ 2020-02-16 17:11 帕丁顿 阅读(141) 评论(0) 推荐(0)
PropTypes and defaultProps
摘要： TodoItem.propTypes = { content: PropTypes.string, deleteItem: PropTypes.func, index: PropTypes.number } TodoItem.defaultProps = { content: 'test' } 阅读全文
posted @ 2020-02-16 17:00 帕丁顿 阅读(87) 评论(0) 推荐(0)
JSX 语法
摘要： 1.如何写注释在JSX： {/* comments */} { // } 2. Fragment 替代最外层的div import React, { Component, Fragment } from 'react'; 3. e.target.value 每次触发DOM事件时会产生一个事件对象（也 阅读全文
posted @ 2020-02-16 16:38 帕丁顿 阅读(178) 评论(0) 推荐(0)