随笔分类 -  React

摘要:VS Code 用户自定义代码片段(React) React组件模板: redux模板: 阅读全文
posted @ 2018-08-30 15:12 烂拖鞋 阅读(1492) 评论(0) 推荐(0)
摘要:React动态import() 代码分离,推荐的import()。这里分享webpack配置和使用方法。 首先安装两个必须的包 react loadable是官方推荐的动态加载组件,babel plugin syntax dynamic import是babel支持webpack的import()插 阅读全文
posted @ 2018-05-29 11:06 烂拖鞋 阅读(8380) 评论(0) 推荐(1)
摘要:import React from 'react'; import PropTypes from 'prop-types'; import {getSwipeWay} from '../utils/swipe'; //imgs : 图片src数组 //playTime : 轮播下一张图片的时间间隔 //notAuto : 是否开启自动轮播 默认开启 false con... 阅读全文
posted @ 2017-12-28 10:00 烂拖鞋 阅读(653) 评论(0) 推荐(0)
摘要:用<label>标签替代checkbox的点击样子,点击<label>实际上就是点击checkbox checkbox的checked值会跟着一起变 <input type="checkbox" style={{display:'none'}} id={"checkbox"} onChange={t 阅读全文
posted @ 2017-06-05 14:23 烂拖鞋 阅读(5307) 评论(0) 推荐(0)
摘要:var numbers = [1,2,3,4,5,6,7,8,9]; ReactDom.render({ <ul> { numbers.map(function(item){ return <li>{item}</li> }) } </ul>, document.getElementById('ap 阅读全文
posted @ 2017-05-31 11:09 烂拖鞋 阅读(9494) 评论(0) 推荐(0)
摘要:“Controller View”模式: 组件嵌套中,最顶层的组件只管理State 子组件为纯组件 顶层组件分配State给子组件,作为子组件的props 子组件接受顶层组件发来的State作为自身的props 阅读全文
posted @ 2017-05-28 17:17 烂拖鞋 阅读(201) 评论(0) 推荐(0)
摘要:{ //依赖包 "devDependencies": { //babel "babel-core": "6.24.1", "babel-loader": "7.0.0", "babel-preset-es2015": "6.24.1", "babel-preset-react": "6.24.1", "babel-preset-stage-0": ... 阅读全文
posted @ 2017-05-27 12:17 烂拖鞋 阅读(3109) 评论(0) 推荐(0)