摘要: yarn add react-transition-grouphttps://reactcommunity.org/react-transition-group/css-transition 阅读全文
posted @ 2020-02-16 21:49 帕丁顿 阅读(189) 评论(0) 推荐(0)
摘要: e.target 获取事件的元素 ref = 一个函数 阅读全文
posted @ 2020-02-16 17:57 帕丁顿 阅读(119) 评论(0) 推荐(0)
摘要: 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)
摘要: 页面初始化时 render被执行一次 当state和props 变化时 调用render() 函数 当父组件的render函数被运行时,它的子组件的render函数也会被重新运行 阅读全文
posted @ 2020-02-16 17:11 帕丁顿 阅读(141) 评论(0) 推荐(0)
摘要: TodoItem.propTypes = { content: PropTypes.string, deleteItem: PropTypes.func, index: PropTypes.number } TodoItem.defaultProps = { content: 'test' } 阅读全文
posted @ 2020-02-16 17:00 帕丁顿 阅读(87) 评论(0) 推荐(0)
摘要: 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)