随笔分类 - react
摘要：1.react会将传入的参数对象与组件当前已有的状态合并，并触发所谓的调和过程（Reconciliation）. 2.经过调和之后，React会以相对高效地方式根据新的状态去构建新的React元素树，并着手重新渲染UI界面 3.React得到元素树后，React会自动计算出新树与老树节点间的差异，根
阅读全文
摘要：## 1. setState ### setState更新状态的2种写法 ``` (1). setState(stateChange, [callback]) 对象式的setState 1.stateChange为状态改变对象(该对象可以体现出状态的更改) 2.callback是可选的回调函数, 它
阅读全文
摘要：## 4.求和案例_react-redux基本使用 (1).明确两个概念： 1).UI组件:不能使用任何redux的api，只负责页面的呈现、交互等。 2).容器组件：负责和redux通信，将结果交给UI组件。 (2).如何创建一个容器组件————靠react-redux 的 connect函数 c
阅读全文
摘要：## 1.求和案例_redux精简版 (1).去除Count组件自身的状态 (2).src下建立: -redux -store.js -count_reducer.js (3).store.js： 1).引入redux中的createStore函数，创建一个store 2).createStore调
阅读全文
摘要：安装 npm install antd --save 1.安装依赖：npm install react-app-rewired customize-cra babel-plugin-import less less-loader 2.修改package.json .... "scripts": {
阅读全文
摘要：安装命令 npm install -S react-router-dom 引入 import {Link,Route} from 'react-router-dom' 路由的基本使用 1.明确好界面中的导航区、展示区 2.导航区的a标签改为Link标签 <Link to="/xxxxx">Demo<
阅读全文
摘要：1.先订阅，再发布（理解：有一种隔空对话的感觉） 2.适用于任意组件间通信 3.要在组件的componentWillUnmount中取消订阅 1、PubSub使用方式 1.1 react导入库 npm install pubsub-js --save 1.2 react 页面引入pubsubjs i
阅读全文
摘要：//输入框传值 <div> <input ref={c => this.keyWordElement = c} type="text" placeholder="输入关键词点击搜索"/> <button onClick={this.search}>搜索</button> </div> /
阅读全文
摘要：# react脚手架配置代理总结 ## 方法一 > 在package.json中追加如下配置 ```json"proxy":"http://localhost:5000"``` 前端axios请求： 注意前端axios请求地址还是写自身地址，会由pachage.json代理proxy自动转发到500
阅读全文
摘要：public 静态资源文件夹 favicon.icon 网站页签图标 index.html 主页面 logo192.png logo图 logo512.png logo图 manifest.json 应用加壳的配置文件（可忽略） robots.txt 爬虫协议文件（可忽略） src 源码文件夹 Ap
阅读全文
摘要：vscode输入 npm start，报错 npm : 无法将“npm”项识别为 cmdlet、函数、脚本文件或可运行程序的名称。请检查名称的拼写，如果包括路径，请确保路径正确，然后再试一次。 所在位置 行:1 字符: 1 一般有一下几种情况，欢迎补充~ 场景1 没有全局安装npm npm升级到最新
阅读全文
摘要：创建项目并启动 第一步，全局安装：npm i -g create-react-app 第二步，切换到想创项目的目录，使用命令：create-react-app hello-react 可能会反应很慢，没报错就等着，等等等（记得镜像到taobao的cnpm,参考https://www.cnblogs.
阅读全文
摘要：为什么遍历列表时，key最好不要用index? 1. 虚拟DOM中key的作用： 1). 简单的说: key是虚拟DOM对象的标识, 在更新显示时key起着极其重要的作用。 2). 详细的说: 当状态中的数据发生变化时，react会根据【新数据】生成【新的虚拟DOM】, 随后React进行【新虚拟D
阅读全文
摘要：旧生命周期删除三个钩子：componentWillMount、componentWillUpdate、componentWillReceiveProps 这三个钩子在17.版本使用时要加上前缀UNSAFE_，即UNSAFE_componentWillMoun否则会有警告甚至报错。增加使用成本，减少程
阅读全文
摘要：react是一个将数据渲染为HTML视图的开源javascript库。 1.操作虚拟DOM,不总是直接操作页面真实DOM 2.dom diff算法 最小化页面重绘 前提工作：1.引入三个js文件 <!-- 准备好一个“容器” --> <div id="test"></div> <!-- 引入reac
阅读全文
摘要：转自http://www.ruanyifeng.com/blog/2015/03/react.html，阮一峰老师的博客。 最近想学习react,官方文档的例子不是那么浅显易懂，看了相关博客，觉得阮一峰老师的入门实例教程更容易上手，跟着学习。同时，因为其博客写的早，当时1.0版本还没有出来，有些文件
阅读全文
浙公网安备 33010602011771号