只是记录一下自己遇到的些许问题和解决方案的汇总,方便以后查阅。废话不多说,直接上重点:(遇到的难题)一、antd-design组件难以自定义样式这里 antd-design 不像web一样,可以直接找到样式class在global中去定义。在antd-design里有一个后门,就是styles属性,一般我们要修改样式,都可以去源码里找到对应component的style目录,我们就可以找到对应的样
前面项目已经建起来了,但是没有React基础怎么办,从头学习,这个项目使用的是基于React16.X版本的几种技术集成,那么我们就从网上找一些相关的资料进行研究,我的习惯是用到哪学到哪。 一、先看一些基础示例1、render用法 ReactDOM.render( <h1>Hello, world!<
转载 2020-01-20 15:01:00
171阅读
2评论
AntDesign引入简介
原创 2022-03-10 09:42:33
148阅读
AntDesign引入简介
原创 2021-09-01 09:37:26
486阅读
Drawable讲过三个动画,animation-list定义帧动画,animated-rotate定义旋转动画,animated-selector定义选择状态动画,这三个属于drawable动画(也称Frame-By-Frame Animation)。除了drawable动画,Android框架还提供了另外两种动画体系:视图动画(View Animation 也称Tweened Animatio
在开发Web应用程序时,分页是一个常见的需求,特别是在展示大量数据的情况下。本文将介绍如何在React应用中使用Ant Design的Table组件实现分页功能,并通过一个简单的例子进行说明。1. 引言分页能够帮助用户更高效地浏览和管理数据。当数据量较大时,一次性加载所有数据可能会导致性能问题,同时也会影响用户体验。因此,分页成为了展示大量数据的有效手段之一。2. 技术栈React: 用于构建用户
原创 1月前
42阅读
完整版下载地址:https://gitee.com/dgx/DiReactPagination完整版演示地址:http://dgx.gitee.io/direactpagination/build/index.html#/  一.准备工作我们是继续基于这个demo项目实现一个分页插件,这个分页插件会用在各个需要的组建当中。分页插件的名字我们就叫做:DiReactPage分页插件
前言本文是笔者写组件设计的第五篇文章,之所以会写组件设计相关的文章,是因为作为一名前端优秀的前端工程师,面对各种繁琐而重复的工作,我们不应该按部就班的去"辛勤劳动",而是要根据已有前端的开发经验,总结出一套自己的高效开发的方法.作为数据驱动的领导者react/vue等MVVM框架的出现,帮我们减少了工作中大量的冗余代码, 一切皆组件的思想深得人心.所以, 为了让工程师们有更多的时间去考虑业务和产品
如果一块表走的不准,那它每一秒都是错的。写在前面的话:博主之前一直使用的vue框架,最近入手公司项目,开始一点点接触React,我觉得学习任何东西的最好方法就是使用它、体验他。其实完成页面前我根本没有读过react的官方文档(是有些许枯燥)但我会仿照别人的代码一点点尝试,用过之后再去看官方使用文档会豁然开朗。这个方法值得推荐。因此,咱们今天来初试React开发,实现简单的个人中心-信息修改页面&n
AntDesign(Vue)版的Table中使用图片https://www.cnblogs.com/zhaogaojian/p/11119762.html 之前在使用VUE版Table时,使用大图片时,某些列使用右fix会出现错乱问题(可能我使用的方法有误),试用React版看会有问题不 publi
转载 2020-02-08 12:38:00
157阅读
2评论
mobx 是由 Mendix、Coinbase、Facebook 开源和众多个人赞助商所赞助的。 mobx和redux类似,也可以用来进行状态管理,并且更简单,更灵活。初次研究,先实现一个最简单的功能修改一个字符串值 官网:https://cn.mobx.js.org 1、安装 yarn add m
转载 2020-02-07 22:36:00
161阅读
2评论
目录: AntDesign(React)学习-15 组件定义、connect、interface AntDesign(React)学习-14 使用UMI提供的antd模板 AntDesign(React)学习-13 Warning XX should not be prefixed with nam
转载 2020-01-18 19:08:00
194阅读
2评论
<Form.Item label={`发送对象`}> {getFieldDecorator('participants', { rules: [{ required: true, message: '请选择发送对象!' }], })( <Select style={{ width: '300px' ...
转载 2021-09-23 17:40:00
1495阅读
2评论
简介在前端开发中,表格一直都是最复杂的组件之一。表格不仅要支持丰富的操作(排序、过滤、搜索、分页、自定义列等),还要有非常好的性能以展示大量数据。很多组件库(例如 fusion design,ant design)提供了功能丰富的表格组件,但这些表格一开始很少考虑性能问题,往往是后面遇到性能瓶颈问题时才考虑添加虚拟滚动特性,但此时过多的表格功能使得性能优化的难度非常高。ali-rea
最近参与了一个基于Raact技术栈的项目,距离我上一次在工作中react已经过去了挺长一段时间,因此打算整理在react中封装组件的一些方法。1、extends 正向继承对于类组件而言,可以通过extends继承某个父类,从而获得一些公共的能力class LogPage extends React.Component { trackLog() { console.log("tr
函数组件函数组件:使用JS的函数或者箭头函数创建的组件为了区分普通标签,函数组件的名称必须 大写字母开头函数组件必须有返回值,表示该组件的结构如果组件不渲染任何内容,可以返回 null。不能返回undefinedReact组件对大小写敏感,使用组件同样要使用大写单词开头。使用函数创建组件function Hello () { return ( <div>这是我的函数组
react中添加style样式的三种基本方法,以及两个可扩展的包三种基本方法是基于html的行内样式,css通用的class,和css modules1. 行内样式原生的html的行内样式如下所示:<p style="color: red">Example Text</p>在react中,行内样式的应用有所改变,需要加括号,并且所有的连接号要转换大小写render() {
转载 3月前
110阅读
1、官方文档请查看https://ant.design/components/menu-cn/antPro自带的菜单功能很强大,但是太复杂了,感觉大部分功能都用不上,下面实现一个简单从后台动态获取菜单的功能。 2、增加SubMenu方法 2.1 定义 const { SubMenu } = Menu
转载 2020-01-31 18:33:00
193阅读
2评论
今天花了大半天时间从老家回到工作地,路上因为肺炎封堵挺厉害,希望国家挺过这个难关,要不大家都失业可就惨了,上一篇做了一个展示数据的demo,这一篇研究antd Menu item点击事件 1、还是先看文档 在menu上增加onClick事件 2、handleClick代码如下 handleClick
转载 2020-02-01 22:33:00
634阅读
2评论
官网上是这么解释的:When React sees an element representing a user-defined component, it passes JSX attributes to this component as a single object. We call this object “props”. 意思为: 当React看到表示用户定义组件的元素时,它会将
转载 5月前
43阅读
  • 1
  • 2
  • 3
  • 4
  • 5