react小白笔记

【react小白笔记】的更多相关文章

diff算法主要是同级比较,生成数组,进行数组替换 reducer可以接收state,但是绝不能修改state 纯函数指的是:给固定收入,就一定有固定的输出,而且不会有任何副作用[不能例如:new data(),对原有函数参数进行修改] 中间件是action和store的中间中间件一定是redux的中间件聪明组件,傻瓜组件,无状态组件(只有一个render方法) 路由参数1 /detail/id [建议这种方法] 接收 /detail/:id 路由参数2 /detail?id=id [这种方…

React使用笔记1-React的JSX和Style

React使用笔记1-React的JSX和Style Date: 2015-11-27 20:56 Category: Web Tags: JavaScript Author: 刘理想 [toc] 1. 文件基本结构 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content=&qu…

react学习笔记1--基础知识

什么是react A JAVASCRIPT LIBRARY FOR BUILDING USER INTERFACES[React是一个用于构建用户界面的JavaScript库.] React之所以快,是因为它不直接操作DOM.React将DOM结构存储在内存中,然后同render()的返回内容进行比较,计算出需要改动的地方,最后才反映到DOM中.[为什么用react,它为什么快] 个人感觉: react通过虚拟DOM解决的数据频繁变化造成的DOM节点的频繁渲染.所以,适用于那些数据更新比较快的,…

React学习笔记--程序调试

React学习笔记二程序调试前面我们搭建好了React的基本开发环境,可以编写基本的React js程序了.但完成的开发环境肯定包含调试器,怎么调试用React编写的JS程序呢?有浏览器,比如Firefox,Chrome,按F12,找到javaScript脚本,打断点,然后调试.这是调试JavaScript的基本环境,但是React由于使用了ES6的语法,在浏览器中经过Babel解析,或者在发布前就将React的代码编译成了ES5规范的JavaScript代码,我们调试时怎么能调试到自…

React学习笔记（一）- 入门笔记

React入门指南作者:狐狸家的鱼本文链接:React学习笔记 GitHub:sueRimn 1.组件内部状态state的修改修改组件的每个状态,组件的render()方法都会再次运行.这样就可以修改组件内部状态,确保组件重新改渲染并且展示从内部状态获取到的正确数据初始状态应该通过this绑定到类上 class App extends Component { //构造函数在一个组件周期只执行一次 constructor(props) { super(props); //state通过th…

react系列笔记1 用npx npm命令创建react app

react系列笔记1 用npx npm命令创建react app create-react-app my-app是开始构建新的 React 单页应用程序的最佳方式.它已经为你设置好了开发环境,以便您可以使用最新的 JavaScript 特性,提供不错的开发体验,并且可以优化你的生产环境应用.你需要在你的机器上安装 Node >= 6 . 安装node.js 工具 Download | Node.jshttps://nodejs.org/en/download/ 安装后再打开cmd执行下面命令:…

React学习笔记（七）条件渲染

React学习笔记(七) 六.条件渲染使用if或条件运算符来创建表示当前状态的元素. 可以使用变量来存储元素.比如: let button = null; if (isLoggedIn) { button = <LogoutButton onClick={this.handleLogoutClick} />; } else { button = <LoginButton onClick={this.handleLoginClick} />; } 与(&&)运算符…

React学习笔记（六）事件处理

React学习笔记(六) 五.事件处理 React事件绑定属性的命名采用驼峰写法,不同于传统DOM全部小写. 如果采用JSX的语法,事件函数需要用大括号{}包裹函数名,不同于传统DOM字符串小括号的方式. <button onClick={ activateLasers }> Activate Lasers </button> 在React中另一个不同是你不能使用返回false的方式阻止默认行为,必须明确使用preventDefault来阻止. function handleCli…

React学习笔记（五）State&声明周期

React学习笔记(五) 四.State&声明周期可以为组件添加"状态(state)".状态与属性相似,但是状态是私有的,完全受控于当前组件. 局部状态就是只能用于类(定义为类的组件)的一个功能. 1. 将函数转换为类声明一个类,继承React.Component:创建一个render()方法:使用this.props替换props. class Clock extends React.Component { render() { return ( <div>…

React学习笔记 - 组件&Props

React Learn Note 4 React学习笔记(四) 标签(空格分隔): React JavaScript 三.组件&Props 组件可以将UI切分成一些独立的.可复用的部件,这样你就只需专注于构建每一个单独的部件. 组件接收props,返回react元素. 1. 函数定义\类定义组件最简单组件方式 - 函数定义组件: // 函数定义组件 function Welcome(props) { return <h1>Hello, {props.name}!</h1>…