react项目优化,antd-mobile按需加载
原创 2022-11-18 00:12:44
174阅读
这个插件给我最大的体会是,官网看不懂的,把官网的例子复制到自己项目中,然后修改成自己的代码,慢慢来就懂了。。。。首先解释一下官网例1:自定义容器中各参数和方法的作用MyBody():这个方法用于自定义滚动的范围。是整个body滚动?还是在你自定义的层里面滚动?(个人认为可以用css的相对定位,绝对定位,overflow来实现同样的效果,所以这个方法看喜好来。); 变量data:循环展示的数据集。(
转载 2024-07-27 14:48:34
71阅读
在项目根目录:cnpm install antd-mobile --save cnpm install react-app-rewired customize-cra --save-dev cnpm install babel-plugin-import --save-dev确保完整安装以上几个 打开项目根目录的package.json,把  "scripts": {     "start": "
转载 2021-03-08 18:53:54
1746阅读
2评论
今天使用listView的时候发现页面此时的下拉刷新属性,只能往下滚动,当手指触摸屏幕往上滚动的时候,页面没有任何的反应。。。也就是只能往下滚动不能往上滚动,对于经常使用ListView的情况下,我没有发现写法有任何的错误。 于是开始往其他页面进行查找错误,发现使用l antd-mobile的<Ta ...
转载 2021-09-26 16:03:00
1694阅读
2评论
react +antd-mobile图片上传插件(ImageUploader,支持七牛云直传)
原创 2022-11-07 01:14:21
1700阅读
``` import { createForm } from "rc-form"; @createForm() class TopAdSlots extends Component { @observable vs = []; @action handlePickerChange = vs => { this.vs = vs; }; render() { ...
ico
转载 2018-12-19 19:48:00
1268阅读
2评论
官方提供了2个class控制里外2个样式。更改内部样式用border ...
转载 2021-07-28 17:00:00
555阅读
2评论
笔者上个礼拜开发公司移动端,由于数据过多所以要进行懒加载。于是就用到了antdantd-mobile的listView组件。但是遇到了很多坑,今天总结出来分享给大家。一:数据已经全部展示了却还是重复渲染。原因:自己太二,在componentWillReceiveProps 里面做了俩个判断执行了俩次下面的这个代码。所以导致数据很少可是一直向下滚会一直重新clone数据。this.setS...
原创 2022-03-21 14:39:43
1122阅读
1点赞
2评论
笔者上个礼拜开发公司移动端,由于数据过多所以要进行懒加载。于是就用到了antdantd-mobile的listView组件。但是遇到了很多坑,今天总结出来分享给大家。一:数据已经全部展示了却还是重复渲染。原因:自己太二,在componentWillReceiveProps 里面做了俩个判断执行了俩次下面的这个代码。所以导致数据很少可是一直向下滚会一直重新clone数据。this.setS...
原创 2021-06-18 16:53:13
652阅读
react、 yarn eject、antd-mobile
原创 2018-08-08 18:29:19
5438阅读
快速上手 安装 $ npm install --save antd-mobile # or $ yarn add antd-mobile # or $ pnpm add antd-mobile 引入 直接引入载 css 样式文件: import { Bu
原创 2024-04-29 10:04:48
1548阅读
微信公众号:爱写bugger的阿拉斯加 如有问题或建议,请后台留言,我会尽力解决你的问题。1. 前言最近搭建的 react 项目想引入 less ,并实现样式局部作用域化,但是在网上找了很多方法试过了都不行,最后打到解决方法,在此记下这惨痛的历程。2. create-react-appcreate-react-app 是业界最优秀的 React 相关...
原创 2021-08-30 15:29:16
717阅读
切换到版本2 1打开ant-moblie文档 2安装组件库 3在根部导入要使用的组件 4渲染组件 5在index.js中导入组件样式 import React from "react";import {Button} from "antd-mobile"f...
原创 2022-05-28 01:56:09
173阅读
切换到版本21打开ant-moblie文档2安装组件库3在根部导入要使用的组件4渲染组件5在index.js中导入组件样式import React from "react";import {Button} from "antd-mobile"function App() { return ( <div className="App"> 项目更组件 <Butto
原创 2023-02-10 15:33:38
146阅读
使用hooks,antd-mobile进行列表的下拉刷新。然后第一页进行列表的刷新了,但是后面没有更新。 困扰了好久,找到文章解决这个问题。记录一下。 转载: https://blog.csdn.net/daoke_li/article/details/115165513 ...
转载 2021-08-05 10:01:00
349阅读
2评论
problem 步骤: 点击按钮,调用后端接口 设置 okLoading=true; 按钮的 disabled和loading都绑定到 okloading变量; 调用结束之后 设置okloading=false; 问题: 点击结束之后,按钮是灰色(点击中的样式),没有恢复回来 reason antd ...
转载 2021-09-29 11:52:00
1202阅读
2评论
安装antd-mobile全局引入npm install antd-mobile --save在App.js引入cssimport 'antd-mobile/dist/antd-mobile.css';在jsx使用antd组件import R
原创 2022-07-06 16:49:09
460阅读
再看本篇文章之前,本人还是建议想入坑react的童鞋可以选有create-react-app来创建react的项目,因为现在dva和roadhog还不成熟,坑相对要多一些,当然如果你已经做好跳坑的准备,那么请继续往下走; 本文适合对 ES6+webpack 有一定了解的人。没有的了解的同学可以先看看
转载 2020-05-13 11:47:00
175阅读
2评论
You are using a whole package of antd-mobile, please use https://www.npmjs.com/pac
原创 2022-11-18 00:05:16
154阅读
github地址https://github.com/ant-design/antd-mobile-samples/tree/master/cr
原创 2022-12-16 21:42:14
708阅读
  • 1
  • 2
  • 3
  • 4
  • 5