只是记录一下自己遇到的些许问题和解决方案的汇总，方便以后查阅。废话不多说，直接上重点：（遇到的难题）一、antd-design组件难以自定义样式这里 antd-design 不像web一样，可以直接找到样式class在global中去定义。在antd-design里有一个后门，就是styles属性，一般我们要修改样式，都可以去源码里找到对应component的style目录，我们就可以找到对应的样
转载
2024-09-10 10:14:27
132阅读
我花了一些精力来创作本文，以及熬夜编写本文的示例程序，以便您能在阅读之后可以实践参考，阅读后如果觉得对您有帮助，可以关注作者、收藏、转发和右下角点个“在看”，这是对作者写出优质文章最大的鼓励了。在本文中，我将创建一种可重用的方法来对 React 中的表格数据进行排序功能，并且使用React Hook的方式编写。我将详细介绍每个步骤，并在此过程中学习一系列有用的技术，如 useState、useMe
前面项目已经建起来了，但是没有React基础怎么办，从头学习，这个项目使用的是基于React16.X版本的几种技术集成，那么我们就从网上找一些相关的资料进行研究，我的习惯是用到哪学到哪。 一、先看一些基础示例1、render用法 ReactDOM.render( <h1>Hello, world!<
转载
2020-01-20 15:01:00
192阅读
2评论
痛点在使用antd的表单时，大家觉得不够清爽，总结如下：大量的模板语法，需要一定的学习成本。需要手动地进行数据绑定，使用大量的onChange/setFieldsValue去控制数据。无法通过state动态地控制表单。提交表单时，需要将props.form的数据和其他数据组合。表单联动时处理复杂。 解决方向现状类比Angular与Vue,大家觉得双向绑定的模式，在表单的开发中是比较好的，
AntDesign引入简介
原创
2022-03-10 09:42:33
159阅读
AntDesign引入简介
原创
2021-09-01 09:37:26
535阅读
React学习笔记3（React路由、Ant Design）零 l 一 l （一）【了解】一些概念1、SPA（Single Page web Application 单页Web应用）2、路由3、路由组件与一般组件（二）效果图（三）< BrowserRouter > 与 < HashRouter >（四）< Link > 、 < Nav
Drawable讲过三个动画，animation-list定义帧动画，animated-rotate定义旋转动画，animated-selector定义选择状态动画，这三个属于drawable动画（也称Frame-By-Frame Animation）。除了drawable动画，Android框架还提供了另外两种动画体系：视图动画(View Animation 也称Tweened Animatio
转载
2024-07-18 23:05:34
36阅读
朋友有个小项目的需求，想要用.NET Core 做后端，前端使用React Antd Pro，比较正常的前后端分离项目需求。研究了一下发现dotnet 项目模板里面自带react框架，是可以直接使用的。PS：非服务端渲染，这里只是使用了Statis File中间件发布了前端页面。框架依赖dotnet core sdk 5.0node 14.0 + npm➜ RCTableAdminTemplat
在 create-react-app 中使用 create-react-app 是业界最优秀的 React 应用开发工具之一，本文会尝试在 create-react-app 创建的工程中使用 antd 组件，并自定义 webpack 的配置以满足各类工程化需求。 安装和初始化#
我们需要在命令行中安装 create-react-app 工具，你可能还需要安装 yarn。$
近期准备撸一撸react框架，学习学习，记录一下～ 之前对react只是有过了解，可以看看代码，但自己没动手过。首先创建项目（这边直接用的ts版本）yarn create react-app demo --template typescript进入项目并启动cd demo
yarn start浏览器会自动弹出并访问http://localhost:3000/,然后过一会页面就会出来react的lo
转载
2024-10-15 20:26:51
52阅读
集成Abp VNext Blazor wasm的Ant Design后台框架 TF.Abp.Blazor.Layout.AntDesignTheme目的Demo实现代码和文档 目的随着微软的.Net 5.0和Blazor Webassambly的正式发布，也许一些应用项目也将开始探索使用这些新技术。 Abp VNext 是当前.Net领域稍微有点热门的框架，现在Abp也推出了基于Blazor W
#首页 src/index.jsimport '@babel/polyfill';
import 'url-polyfill';
import dva from 'dva';
//import createHistory from 'history/createHashHistory';
// user BrowserHistory
import createHistory from 'hi
前言发现Formik是在我学习redux-form过程中从国外一篇博客上偶然发现的，看到作者的高度肯定后我立即转到github上，正如许多朋友所关注的，Formik的星数达8282，这个数字在github虽然不算很高，但是从基于React技术跨平台表单开发这个主题角度来看，此数字已经相当可观了。不自觉地，我对比了redux-form与Formik的几个数据，如下：库开源库的时间星数redux-fo
译者 jonjia 爱贝睿技术团队在工作中使用 Vue 一段时间后，对它的工作原理有了相当深入的了解。然而，我很想知道篱笆另一边的草地是什么样 - React。我已经阅读了 React 文档，也观看了一些教程视频，虽然它们都很棒，但我真正想知道的是 React 与 Vue 到底有什么不同。这里的「不同」不是指它们是否具有虚拟 DOM 或者它们如何渲染页面。我希望有人能直接解释代码并告诉我会发生什么
在开发Web应用程序时，分页是一个常见的需求，特别是在展示大量数据的情况下。本文将介绍如何在React应用中使用Ant Design的Table组件实现分页功能，并通过一个简单的例子进行说明。1. 引言分页能够帮助用户更高效地浏览和管理数据。当数据量较大时，一次性加载所有数据可能会导致性能问题，同时也会影响用户体验。因此，分页成为了展示大量数据的有效手段之一。2. 技术栈React: 用于构建用户
原创
2024-08-25 09:34:10
292阅读
React 组件化实现React 是用 JavaScript 构建快速响应的大型 Web 应用程序的首选方式。React 最棒的部分之一是引导我们思考如何构建一个应用，我们将会通过 React 构建一个可搜索的产品数据表格。从设计稿开始假设我们已经有了一个返回 JSON 的 API，以及设计师提供的组件设计稿。如下所示：第一步：将设计好的 UI 划分为组件层级首先，你需要在设计稿上用方框圈出每一个
title: 表单添加多组规则 date: 2021-07-30 tags: - antd起因框架react+ant3（老项目重构很难）新版本一个需求原型如下：[可以有多个规则，且规则之间时间需要连续。上一个结束时间的第二天要是下一个规则的开始时间。如果第一个结束时间是7月30号,下个月的开始时间要是7.31号。依次类推。还要可以批量设置。就是一次性设置多个。首先肯定想到的是用数组map,用的fo
完整版下载地址：https://gitee.com/dgx/DiReactPagination完整版演示地址：http://dgx.gitee.io/direactpagination/build/index.html#/
一.准备工作我们是继续基于这个demo项目实现一个分页插件，这个分页插件会用在各个需要的组建当中。分页插件的名字我们就叫做：DiReactPage分页插件
转载
2024-07-05 07:29:38
71阅读
通常情况下，使用create-react-app进行打包后，会生成最终打包文件main.js，且这个文件在项目内容变多，引用第三方插件后，但得很大(>100kb)。通过Code Spliting进行代码拆分，并使用动态import使路由对应组件在使用时才被加载，可以优化打包，由原来一个main.js生成为多个单独的js文件，并在首次加载时，只加载首屏用到的组件，从而提高首屏加载速度。官方提供
