react
文章平均质量分 91
lyl0530
快马加鞭,嘚嘚嘚...
展开
-
React事件处理绑定this和JS中的this学习
React 元素描述的是虚拟DOM的结构,react会根据虚拟DOM渲染出真实DOMReact 元素就是 普通的js对象 (俗称:虚拟DOM) 。----https://www.jianshu.com/p/95a3568c7d57事件处理中,未绑定this,无法获取、使用<div onTouchStart={this.touchStart}/>touchStart(){ console.log('lyl123 this1 = ' + this);//un...原创 2021-03-30 11:17:35 · 188 阅读 · 0 评论 -
React 子传父-带参
父<Senior calculate={(name,value)=>{this.calculate(name,value);}}/>//前边的calculate是子的,后边的calculate()是父的,父的方法可以是别的名字calculate(name,value) { console.log('look1', name, value);}子触发点击事件后,把值通过calculate()方法传给父 onItemClick(status){ cons...原创 2020-11-13 09:53:01 · 140 阅读 · 0 评论 -
antd-mobile的Slider控件使用总结
1.滑块样式滑块样式为handleStyle,官网给的示例为圆点,若要替换为特定的图片,可使用backgroundImage属性。其中图片要先使用require加载,然后使用ES6的新特性-模板对象,即可。let sliderBlockImg=require('../../assets/img/xxx.png'); <Slider style={{ marginTop:'28px'}} value={this.windSlide?this.state.windValue:..原创 2020-09-16 18:20:01 · 2666 阅读 · 0 评论 -
React使用小技巧
1. React 中Toast的使用方法所在文件夹:node_modules/antd-mobile/lib/toast/index.d.ts导入: import { List, Button, Modal, Toast } from 'antd-mobile';使用: Toast.info('解绑?', 1);//参1,提示;参2,显示的秒数 show/info/success/fail/offline/loading/hide/config2. 页面...原创 2020-07-17 16:16:20 · 807 阅读 · 0 评论