react
文章平均质量分 53
qq_36934775
这个作者很懒,什么都没留下…
展开
-
react-devtools的安装
完整的安装方法git clone https://github.com/facebook/react-devtools.gitcd react-devtools //切换到工程目录git checkout v3 // 切换到v3分支cnpm install // 安装依赖npm run build:extension:chrome //安装依赖成功后,打包一份扩展程序在浏览器上打开chrome://extensions/点击 “开发者模式”点击“加载已解压的扩展程序”选择 reac原创 2021-06-29 10:28:22 · 188 阅读 · 0 评论 -
react ref的用法
ref的3种用法:在 React v16.3 之前,ref 通过字符串(string ref)或者回调函数(callback ref)的形式进行获取。ref 通过字符获取:// string refclass MyComponent extends React.Component { componentDidMount() { this.refs.myRef.focus(); } render() { return <input ref="myRef" />;原创 2021-04-22 10:17:17 · 282 阅读 · 0 评论 -
react用dangerouslySetInnerHTML实现搜索列表中对应关键字的高亮效果
参考链接:添加链接描述原创 2020-07-09 14:49:22 · 402 阅读 · 0 评论 -
react的生命周期
一、初始化阶段1、设置组件的默认属性static defaultProps = {name: ‘sls’,age:23};//orCounter.defaltProps={name:‘sls’}2、设置组件的初始化状态constructor() {super();this.state = {number: 0}}3、componentWillMount()组件即将被渲染...原创 2018-12-20 16:53:46 · 91 阅读 · 0 评论 -
react复制文本到剪切板
用到copy-to-clipboard方法:在package.json内(npm 之后):"dependencies":{"copy-to-clipboard":"^3.0.5"}引入import copy from 'copy-to-clipboard';//使用方法copyText=()=>{ copy(this.state.text); mes...原创 2019-02-20 11:02:36 · 2571 阅读 · 0 评论 -
关于下拉刷新加载
1.关于手机端的下拉刷新的方法在componentDidMount()中2.在web端也是在componentDidMount()中原创 2019-03-01 12:02:46 · 134 阅读 · 0 评论 -
react的面试题
参考链接:https://www.jianshu.com/p/e9521f78d51e1.react性能优化是哪个周期函数?shouldComponentUpdate 这个方法用来判断是否需要调用render方法重新描绘dom。因为dom的描绘非常消耗性能,如果我们能在shouldComponentUpdate方法中能够写出更优化的dom diff算法,可以极大的提高性能。2.为什么虚拟do...原创 2019-02-21 15:13:13 · 245 阅读 · 0 评论 -
react-router
参考链接:http://www.ruanyifeng.com/blog/2016/05/react_router.html?utm_source=tool.lupath的问题path属性可以使用通配符。<Route path="/hello/:name">// 匹配 /hello/michael// 匹配 /hello/ryan<Route path="/hello...原创 2019-01-24 19:11:29 · 106 阅读 · 0 评论 -
React.Component组件里面方法绑定的四种方式
ES5的即var component = React.createClass({}); //{}里面的this指向component本身。而extends React.Component不会这样,要手动指向组件本身第四种是es7的写法,双冒号 this.handleClickFour = ::this.handleClickFour 是this.handleClickOne = this...原创 2019-01-03 15:28:07 · 647 阅读 · 0 评论 -
react中ES5与ES6的写法的区别
1.模块的引用://ES5var React=require('react);var {Component,PropTypes}=React;//引用React抽象组件//ES6import {Component,PropTypes} from 'react;注意:在ES5中使用CommonJS标准,引入基本通过require2.导出单个类即定义//ES5var MyCompon...原创 2018-11-29 17:39:05 · 449 阅读 · 0 评论