react 入坑笔记(二) - State】的更多相关文章

React 事件处理 建议:在了解 js 的 this 取值后食用更佳. 一.react 与 Html 中用法的异同和注意点 html 中的绑定事件的写法: <button onclick="activateLasers()"> // onClick = "xxxx()" 激活按钮 </button> react 中的写法: <button onClick={activateLasers}> // onclick = { xxxx…
React Props props - 参数. 组件类 React.Component 有个 defaultProps 属性,以 class xxx extend React.Component 形式创建的组件够可以通过属性来控制传入组件的参数,如下例: // 创建 HelloMessage 组件 class HelloMessage extends React.Component { render() { return ( <h1>Hello, {this.props.name}</h…
React State 一. state 大致思想:在 react 中,每个组件都是一个状态机,通过与用户的交互,实现不同状态,然后渲染 UI,让用户界面和数据保持一致.React 里,只需更新组件的 state,然后根据新的 state 重新渲染用户界面(不要操作 DOM). class Clock extends React.Component { constructor(props) { super(props); this.state = {date: new Date()}; } re…
条件渲染和列表渲染 一.条件渲染 条件渲染较简单,使用 JavaScript 操作符 if 或条件运算符来创建表示当前状态的元素,然后让 React 根据它们来更新 UI. 贴一个小栗子: function UserGreeting(props) { return <h1>欢迎回来!</h1>; } function GuestGreeting(props) { return <h1>请先注册.</h1>; } function Greeting(props…
React 组件生命周期 详细参考: react 组件生命周期 组件的生命周期可分为三个状态: 1.Mounting:已经挂载/插入到真实 DOM 树上: 2.Updating:正在被重新渲染: 3.Unmounting:已经移出 DOM 树: 生命周期的钩子函数:(v16之前) 1. componentWillMount  首次渲染之前调用: 2. componentDidMount  第一次渲染后调用: 3. componentWillReceiveProps 在组件接收到一个新的 prop…
一些概念: 1.组件:概念等同于 vue 中的组件,字面意思,不过 vue 中组件是以 .vue 结尾,通过 vue-loader 编译成 js,而 react 组件就是 js. 2.jsx:js 语法扩展,编译器遇到 html 标签按照 html 编译,遇到 js(就是 { xxx }) 按照 js 规则编译,类型安全. 3.单项响应的数据流 - 这点暂时没明白. 一.核心库 import React from 'react'; import ReactDOM from 'react-dom'…
函数扩展 1.函数可以有默认值 function demo( a = 10,b ){} 2.函数可以使用解构 function demo( { a = 0,b = 0 } = {} ){ } 3.函数参数最后可以多一个逗号 function demo(a,b,c,){ } 坑: 1.与for等父子域不同 function(a){ let a=10; } 会报错,因为a已经被定义 2. function move({x, y} = { x: 0, y: 0 }) { return [x, y]; …
1.SID(数据库实例) 1.1. oracle安装的时候有一项叫[全局数据库名]的填写项,这个就是oracle的SID也是数据库的唯一标识符: 1.2.一个oracle数据库有且只有一个SID(一般情况一台服务器或桌面机只有一个SID),SID主要用于一些DBA操作以及与操作系统交互,例如,远程连接数据库就需要指定SID: 1.3.PL/SQL 连接 格式 : username@ip:1500/SID 1.4.安装oracle时命名,SID存在于注册表中,可以修改: 1.5.在Windows下…
前言 上次跟运维去行方安装行内环境,发现linux命令还是不是很熟练.特别是用户权限分配以及vi下的快捷操作.于是决定在本地安装一个CentOS虚拟机,后面有时间就每天学习一点Linux常用命令. 作为一个小白正式入坑CentOS了,于是就有了CentOS摸索系列.后续我会根据自己的摸索情况不间断更新. 安装 安装VMWare WorkStation:直接百度搜索下载安装即可,我这里安装的版本是VMware® Workstation 14 Pro.正版需要序列号,否则只能试用30天.这里我给出一…
这里使用的是4.31版本的react-router-dom "react-router-dom": "^4.3.1", 直接使用以下代码即可实现路由跳转 this.props.history.push("/dashboard/add")…