- 博客(12)
- 收藏
- 关注
原创 React中ref使用
1.ref用来获取dom的值 2.和setState使用时,注意setState是异步函数,单独使用获取数据会不准确,可以写在它的回调里.
2019-04-29 07:25:49
135
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
123
转载 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
128
转载 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
114
原创 Jsx语法细节
1.注释 {/**/} 2.dangerouslySetInnerHTML 保留原文本的样式不改变 3.光标切换 htmlFor=“innertArea” id="innertArea"
2019-04-21 23:08:39
109
原创 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
78
原创 实现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设置state this.setState({ inputValue:...
2019-04-16 07:46:56
160
原创 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
78
原创 react开发环境准备
1.引入.js文件来使用React 对性能有影响 2.通过脚手架工具来编码 官方:create-react-app 2.1安装create-react-app 2.1.1安装node.js和npm node.js官网:https://nodejs.org/en/download/ 2.1.2 安装create-react-app npm install -g creat...
2019-04-13 17:24:09
187
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人