- 博客(12)
- 收藏
- 关注
原创 React中ref使用
1.ref用来获取dom的值2.和setState使用时,注意setState是异步函数,单独使用获取数据会不准确,可以写在它的回调里.
2019-04-29 07:25:49
132
1
原创 虚拟dom
1.state更新1.1state数据1.2 JSX模板1.3 生成虚拟DOM (虚拟DOM就是一个JS对象, 用它来描述真实DOM) (损耗了性能)1.4数据+模板结合,生成真实的DOM,来显示1.4 state发生改变1.6 数据 + 模板 生成新的虚拟DOM (极大的提升了性能)1.7 比较原始虚拟DOM和新的虚拟DOM的区别,找到区别是span中内容 (极大的...
2019-04-28 08:02:51
122
转载 PropTypes与DefaultProps的应用
1.propTypes主要用于限制父组件传递给子组件的数据类型TodoItem.propTypes= {content: propTypes.string,deleteItem: PropTypes.fun,index: PropTypes.number}2.defaultProps如果父组件没有传值,则使用这个默认值TodoItem.defaultPro...
2019-04-22 00:30:47
127
转载 Reactdevelpertools安装及使用
1.安装在google浏览器,设置----更多工具----程序扩展-----应用商店2.使用在用debug调试页面时,使用它,可以方便的查看state的属性.
2019-04-22 00:13:24
137
转载 拆分组件与组件之间的传值
1.通过属性传递父组件content={item}子组件接收this.props.content优化写法const {deleteItem, index} = this.props;deleteItem(index);
2019-04-21 23:55:54
112
原创 Jsx语法细节
1.注释{/**/}2.dangerouslySetInnerHTML保留原文本的样式不改变3.光标切换htmlFor=“innertArea”id="innertArea"
2019-04-21 23:08:39
107
原创 fastJson使用
1.将Java对象转换为JSON字符串public class Person { @JSONField(name = "AGE") private int age; @JSONField(name = "FULL NAME") private String fullName; @JSONField(name = "DATE OF ...
2019-04-18 00:43:14
77
原创 实现TodoList新增删除功能
import React, { Component,Fragment} from 'react';import logo from './logo.svg';import './App.css';class TodoList extends Component { constructor(props){ super(props); this.st...
2019-04-16 08:27:16
381
原创 React响应式设计思想和事件绑定
任务:完成input框的动态输入1.构造函数完成组件初始化2.js事件绑定2.1第二个单词首字母大写onChange={this.handleInputChange.bind(this)}2.2获取inputValue的值value={this.state.inputValue}2.3设置statethis.setState({ inputValue:...
2019-04-16 07:46:56
159
原创 react的基础语法jsx
1.jsx写html标签class App extends Component { render() { return ( <div className="App"> hello dell li </div> ); }}2.写自定义标签,首字母要大写import App from './App';i...
2019-04-15 23:48:50
76
原创 react开发环境准备
1.引入.js文件来使用React对性能有影响2.通过脚手架工具来编码官方:create-react-app2.1安装create-react-app2.1.1安装node.js和npmnode.js官网:https://nodejs.org/en/download/2.1.2 安装create-react-appnpm install -g creat...
2019-04-13 17:24:09
186
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人