1 下载 npm install --save react-to-print 2 引用 import ReactToPrint from 'react-to-print'; 3 调用 //触发按钮 <ReactToPrint trigger={() => <a href="#">点此打印</a>} content={() => this.ref} /> //打印内容 <div ref={el =
Context API： React.createContext(defaultValue)：创建一个context对象。当React渲染订阅了这个Context对象的组件，这个组件会从组件树中离自身组件最近的那个匹配的Provider中读取到当前的context值。 Context.Provider：接收一个value属性，传递给消费组件，允许消费组件订阅context
1、React 中 keys 的作用是什么？ Keys是 React 用于追踪哪些列表中元素被修改、被添加或者被移除的辅助标识 在开发过程中，我们需要保证某个元素的 key 在其同级元素中具有唯一性。在 React Diff 算法中React 会借助元素的 Key 值来判断该元素是新近创建的还是被移动而来的
1，es6新增数组方法 1 // 一： 通过map方法遍历数组 2 let aList = ['a','b','c','d']; 3 // 匿名函数的第一个参数是数组成员的值，第二个参数是成员的索引值 4 aList.map(function(item,index){ 5 alert( index + ' | ' + item ); 6 }) 7 8 // 二：includes方法
好久没写博客了,今天抽点时间总结解一下大雷讲的有关生命周期的知识点: vue生命周期(钩子函数): beforeCreate(){}--->2.Create--->3.beforeMount---->4.mounted --->5.beforeUpdate--->6updated---->7.beforeDestroy ---->8.destoryed 常用的举例说明: beforeCreate(){
React vs Vue 前言: 技术选型没有绝对的对与错技术选型要考虑的因素非常多表达自己的观点，并说明理由 两者的本质区别: vue - 本质是MVVM框架，由mvc发展而来React - 本质是前端组件化框架，由后端组件化发展而来但两者都能实现相同的功能 模板的区别: vue - 使用模板（template）由a
在React中，组件是应用程序的基石，页面中所有的界面和功能都是由组件堆积而成的。合理的组件设计有利于降低系统各个功能的耦合性，并提高功能内部的聚合性。 组件声明方式 在React中创建组件的方式有3种： ES 5写法：React.createClass()（老版本用法，不建议使用）；ES 6写法：React.Componen
react-konva 出现的错误 修改版本：保证 react 和 react-konva 大版本相同 json { "/react": "^17.0.0", // for typescript "/react-dom": "^17.0.0", // for typescript "react": "^17.0.1", "react-dom":
React试图 这里因为没有js代码 用的官方的 <script src="https://cdn.staticfile.org/react/16.4.0/umd/react.development.js"></script> <!-- 相当于react.js --> <script src="https://cdn.staticfile.org/react-dom/16.4.0/umd/react-dom.d
1.安装create-react-app yarn add global create-react-app 2.创建项目 create-react-app xcb-cargo 3.本章重点组件知识 import React,{Component} from 'react' // import React from 'react' const Component=React.Component; class TabBar extends Component{
使用React的同学们都应该要知道React Fiber，因为这玩意快要正式发布了。 React Fiber这个大改变Facebook已经折腾两年多了，刚刚结束不久的React Conf 2017会议上，Facebook终于确认，React Fiber会搭上React下一个大版本v16的顺风车发布。 在 Is Fiber Ready Yet? 这个网站上可以看到
第一步先安装 styled-components 第二步创建style.js(在src目录下) import { createGlobalStyle } from ‘styled-components’; export const GlobalStyle = createGlobalStylehtml, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
React antdesign 修改表格Tbale的样式 { title: '来源', dataIndex: 'ORIGIN_TYPE', className:`${BaseStyles.textR3}`, }, className属性可修改Tbale表格的属性样式代码： .textR3{ color : #ff1517 }
useEffect 和异步任务搭配使用的时候会遇到的一些坑总结。 三个常见的问题： 1、如何在组件加载的时候发起异步任务 2、如何在组件交互的时候发起异步任务 3、其他陷阱 一、react hooks发异步请求 1、使用useEffect发起异步任务，第二个参数使用空数组可以实现组件加载
一、基本数据类型 boolean let test1: boolean = true; let test2: boolean = new Boolean(); //报错，因为Boolean不是布尔值 let test3: boolean = Boolean(1); //正确，直接调用Boolean，可以返回一个boolean类型。 number let hex: number = 10; string let myAge: strin
react中qs是一个npm仓库所管理的包，一个增加了一些安全性的查询字符串解析和序列化字符串的库，可通过【npm install qs】命令进行安装。 本教程操作环境：windows7系统、React17版，该方法适用于所有品牌电脑。 react中qs： qs是一个npm仓库所管理的包，一个增加了一些安全性的查询字符串
方法一 在package.json中追加如下配置 'proxy': 'http://localhost:5000' 说明： 优点：配置简单，前端请求资源时可以不加任何前缀。缺点：不能配置多个代理。工作方式：上述方式配置代理，当请求了3000不存在的资源时，那么该请求会转发给5000（优先匹配前端资源） 方法二 1、第一步：创建代
React基础知识点 目标 能够说出React是什么能够说出React的特点能够掌握React的基本使用能够使用React脚手架 什么是React （★★★） React是一个用于构建用户界面的javaScript库，起源于facebook的内部项目，后续在13年开源了出来 特点 声明式 你只需要描述UI看起来是什么样式，就跟
转： React源码 commit阶段详解点击进入React源码调试仓库。当render阶段完成后，意味着在内存中构建的workInProgress树所有更新工作已经完成，这包括树中fiber节点的更新、diff、effectTag的标记、effectList的收集。此时workInProgress树的完整形态如下：和current树相比，它们的结构上
## 1. setState ### setState更新状态的2种写法 ``` (1). setState(stateChange, [callback])------对象式的setState 1.stateChange为状态改变对象(该对象可以体现出状态的更改) 2.callback是可选的回调函数,
1.基础篇 1. React 中 keys 的作用是什么？ Keys 是 React 用于追踪哪些列表中元素被修改、被添加或者被移除的辅助标识。 render () { return ( <ul> {this.state.todoItems.map(({item, key}) => { return <li key={key}>{item}</li> })} </u
1.输入Es7，即可找到该插件 2.在这个插件的下方，就可以找到其提供的所有的快捷方式
useTable: import React, { useState, useEffect } from 'react'; import axios from '@common/js/axios'; import qs from 'qs' let searchData = {} function useTable(url, ajaxData = {}) { const [dataList, setDataList] = useState(
Android开发的现状 目前，移动开发已经处于饱和的阶段，Android开发也不如当年盛况，已经不再像前几年前那么火爆。正如一种编程语言如果经历过盛极一时，那么必然有这样的一条曲线，像我们学的正弦曲线先急速上升，然后到达顶点，然后再下降，最后再趋近一个平稳的值。 可以看到，从2016年的
