react
withwz_
逆了苍天,踏破碧落黄泉
展开
-
antDesignPro区块源码学习
1.MVC分层在antDesignPro区块组件中,看不到state,全部被放到了model中去了,page页面只管显示交互,数据全部都在model中。通过connect来将page和model关联。2.@connect修饰符antDesignPro中个人中心区块代码说明@connect修饰符(类似java中注解)第一个回调函数作用:将page层和model层进行链接,返回model层...原创 2019-09-16 13:38:56 · 1424 阅读 · 0 评论 -
antDesignPro修改底部默认的蚂蚁金服体验出品的版权信息
修改antdesign下边的版权信息const footerRender: BasicLayoutProps['footerRender'] = (_, defaultDom) => { return React.cloneElement(defaultDom as ReactElement, { links: [], copyright: '呵呵'}); }h...原创 2019-09-08 13:50:57 · 5607 阅读 · 0 评论 -
AntDesignPro初体验
AntDesignPro文档https://pro.ant.design/docs/getting-started-cn按照文档命令走npm create umi Select the boilerplate type (Use arrow keys)❯ ant-design-pro - Create project with an layout-only ant-design-...原创 2019-08-25 19:54:33 · 290 阅读 · 0 评论 -
taro 小程序利用两层循环给选中的规格加样式
1、获取两层数组循环索引,外层索引作十位数,内层索引作个位数,生成一个一维数组2、再通过两层索引拼成的字符串同生成的数组中的索引作对比className={`sku__item ${(index + '' + indes) === selectedSku[index] && "sku__item_active"}`}完整代码import Taro, { Component...原创 2019-08-05 15:11:39 · 1546 阅读 · 0 评论 -
taro小程序里用css弹出选择规格的窗口
constructor() { super(...arguments) this.state = { bgShadow: false, skuPop: false } } handleClickBtn() { this.setState(() => { return { skuPop: !thi...原创 2019-08-04 20:31:41 · 1057 阅读 · 0 评论 -
jsx种map循环中使用if判断
用三目运算符,jsxmap中不能再用判断语句,但是可以用表达式 { navList.map((item, index) => ( <View className='nav-title__item' onClick={this.changeNavState.bind(this, index)} key={item.title} ...原创 2019-08-03 17:51:38 · 6502 阅读 · 0 评论 -
类似taro-ui tab切换的导航动画
import Taro, { Component } from '@tarojs/taro'import { View } from '@tarojs/components'import './index.scss'export default class repairmanList extends Component { config = { navigationBarTit...原创 2019-08-03 11:43:30 · 2541 阅读 · 1 评论 -
jsx选择取消按钮
constructor() { super(...arguments) this.state = { selected: 0 } } handleSelectBtn() { let mark = !this.state.selected this.setState(() => { return { s...原创 2019-07-19 19:30:49 · 184 阅读 · 0 评论 -
react动态样式绑定classNam,用es6的模板字符
用es6模板字符串的方式绑定了一个.border样式和一个动态样式.active<View className={`border ${index === this.state.currentIndex ? "active" : null}`}></View>用数组的形式<View className={['txt', index === this....原创 2019-07-18 17:50:28 · 1368 阅读 · 0 评论