React
Honey-回忆天明
学习使我快乐
展开
-
React生命周期钩子
通过一个简单的实例来了解一下先来看一下这个生命周期图示下面是代码块,引入的JS文件可以自行去官网上下载<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="w原创 2018-10-19 15:41:02 · 327 阅读 · 0 评论 -
React数据双向绑定
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-U...原创 2019-05-25 14:03:17 · 173 阅读 · 0 评论 -
React实现todolist效果
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-U...原创 2019-05-25 14:40:49 · 635 阅读 · 0 评论 -
React实现闪烁效果
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-U...原创 2019-05-25 16:02:36 · 2402 阅读 · 0 评论 -
react头像上传方法
<div className={styles.cf_tx}> <label htmlFor="txsc"> <img src={data?(APIHost+data.us_portrait):tx} /> ...原创 2019-06-25 18:32:15 · 964 阅读 · 0 评论 -
react输入框的搜索
<input placeholder='请输入您想要的商品' onKeyDown={(v) => this.searchFunc(v)} /> async searchFunc(v) { var evt = window.event || v; if (evt.keyCode == 13) { ...原创 2019-06-25 18:34:23 · 2140 阅读 · 0 评论 -
react生成二维码
var QRCode = require('qrcode.react'); <QRCode className={styles.ewm} value={'http://47.92.88.214:8685/#/register?tel='+data.us_phone} size={120} />原创 2019-06-25 18:36:49 · 893 阅读 · 0 评论 -
react处理富文本
渲染富文本 dangerouslySetInnerHTML={{ __html: data.n_message ? data.n_message.replace(/\/ueditor/g, APIHost + '/ueditor') : '' }}去掉富文本里的p标签 (item.n_message).replace(/<\/?p[^>]*>/gi,'')...原创 2019-06-25 18:39:03 · 3100 阅读 · 0 评论 -
react调用百度api获取地理位置和导航
第一步先引入百度api <script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=81wpaEGlBjPM4KBAER0jkpg6QlIMupWu" ></script>第二部挂载到组件componentDidMount() { const _thi...原创 2019-10-09 15:34:23 · 1024 阅读 · 0 评论