文章目录ReactHooks之useStateReactHooksuseStatedemo：在函数式组件中使用useStateHook管理计数器demo：ant-design-pro中EditableProTable

今天按照官网步骤初始化项目，第一次报错fatal:unabletoaccess'https://github.com/ant-design/ant-design-pro/':SSLcertificateproblem

一、filePathnotfound【解决】https://github.com/ant-design/ant-design-pro/discussions/9362这个方案救了我二、antd中Modal

我们知道ant-design-pro引入了umi进行数据模拟，但是这依然需要后端的支持。

版本："dayjs":"^1.11.10","antd":"^5.9.2",解决：//目录：locales/zh-CN.tsimportmomentfrom'moment';import'moment/locale/zh-cn';import'antd/dist/antd.less';//设置moment.js的语言为中文moment.locale('zh-cn');exportdefault{.

本文引自https://github.com/ant-design/ant-design-pro/issues/1365浏览器中，默认会对htmlcssjs等静态文件、以及重定向进行缓存，如果在HEAD

项目antd版本号："antd":"3.7.3",antDesignPro版本："name":"ant-design-pro","version":"1.3.0",解决办法安装antd-iconfontnpmiantd-iconfontnpmrunbuild1

2017年，针对移动端与PC端巨大差异，先后出现ant-design-mobile与ant-design-pro。立足当

最近团队开始使用Ant-design-Pro，在已经能够熟练使用的基础上，对Ant-design-Pro的框架结构进行剖析。

需求：1、使用可编辑表格实现对某一行表格的数据进行编辑，对输入内容控制必须低于同行某一数据2、解决搜索数据和列名展示不同，和不可编辑的列不展示在搜索框实现效果解决搜索和readonly之间的问题因为本次需求只要求修改一个数据，其他都需要使用readonly:true但是我用的时候出现了一个问题，如果使用了readonly：true，那么这个参数显示在搜索参数中就会变成一条横线，无法搜索，所以对于一

Mac上打包没问题，放到Centos下打包报错：Thisrelativemodulewasnotfound：。。。。。。。原因：文件引用的大小写问题参考文章：https://appblog.cn/2019/11/16/Linux%E4%B8%8B%E9%83%A8%E7%BD%B2ant-design-pro%E5%A4%A7%E5%B0%8F%E5%86%99%E6%95%8F%E6%84%9F

脚手架内用到的组件分为两种:antd组件：https://ant.design/docs/react/introduce-cnpro自带组件：https://github.com/ant-design/ant-design-pro

ant-design-pro，企业级中后台前端/设计解决方案启动1、yarncreateumi2、选择ant-design-pro，javascript3、npminstall4、npmstart5、项目启动成功配置

-构造model和services新建的文件名字和src/pages相同，umi.js会自动注入同名业务代码利用dva.ja中的fetch方式访问接口数据，然后在src/utils/request.js编写一层fetch封装方法；dva.js通过model的概念把一个领域的模型管理起来，包含同步更新state的reduce若是，处理异步逻辑的effects，订阅数据源的subscriptionsn

效果：源码地址：https://github.com/ant-design/ant-design-pro特性：二：快速入门部署安装下载地址：https://github.com/ant-design/ant-design

要解决的问题1.antd默认iconfont指向的是阿里在公网CDN上部署的url2.项目需要在本地进行部署，使用的是本地文件的访问方式，希望能内网/离线使用在ant-design-pro中的配置方法1

整体配置首先是项目大致结构:/*这里只展示大概目录结构,具体目录请参考ant-pro(jsx版本)*/│README.md│├─config│config.js│defaultSettings.js│plugin.config.js│router.config.js/*这里将route提取出来了*/│├─mock│user.js│├─public│└─icons└─src│global.jsx│g

，而umi---通过create-umi提供脚手架能力，然后我们可以选择需要生成的项目类型：app，通用项目脚手架，支持选择是否启用TypeScript，以及umi-plugin-react包含的功能ant-design-pro

最近正在开发自己开源的通用爬虫的前端界面，用的是ant-design-pro进行的二次开发，遇到的坑还是很多的，因此接下来分享的内容大多都是和ant-design有关的，经验都来自于自己的填坑之旅。

前提：做项目时偶然了解到微前端的概念，在详细了解后觉得对分解【巨石】应用有很大的帮助，查阅了一些文档和资料后自己整了一套，以备后用~GitHub代码地址：Ant-Design-Pro使用QianKun微前端最佳实践

ProLayoutUmiJS一、初始化一个antdpro项目（官网步骤）1.1安装官网的安装步骤：新建一个空的文件夹作为项目目录，并在目录下执行：yarncreateumiornpmcreateumi选择ant-design-pro

博客源码https://github.com/shengbid/antdpro-demo,有需要可以下载下来看效果EditableProTable默认是在单行保存时调用表单验证我这里的需求是点击外部的保存要对整个表单进行验证EditableProTable提供了editable属性,可以设置formhttps://procomponents.ant.design/components/editab

使用微服务后,遇到一个问题,主应用和子应用的主题色不一致.希望可以通过主应用的颜色动态变换子应用的主题色ant-design-pro可以通过config.ts配置全局主题色所有最优的方法是可以通过改变主题色

很多例子都是基于官方文档的例子,官方文档:https://umijs.org/zh-CN/plugins/plugin-qiankun.比较简单,实际使用场景会有特殊情况我根据自己项目的情况总结了一下使用方法我们两个项目都是ant-design-pro

页面方面的调整这次的版本更新，统一了之前杂乱的页面风格，在经过评估后选用的基于jQuery的layui框架，并参考了layuiAdmin后台管理系统的整体结构，局部布局方面参照Ant-Design-pro

从去年12月份开始就写毕设，写毕设的开始也是学习React的开始，后来毕设项目决定使用蚂蚁金服的ant-design-pro框架，毕竟也是刚开始学习React，刚从github拉下来有点懵，不明白那么多模块之间是如何调用的

npmconfigsetregistryhttps://registry.npm.taobao.org2、tyarnnpminstallyarntyarn-g3、installtyarnaddantd4、使用yarn选择ant-design-pro

遇到PropertyrightofAssignmentExpressionexpectednodetobeofatype["Expression"]butinsteadgotnull问题，请删除.webpackrc.js的transform-decorators-legacy属性

2.在ant-design-pro中解决跨域办法需要在配置文件中(.webpackrc)加入如下代码"proxy":{"/api":{"target":"http://xxx:xx/","changeOrigin

四月份启动了一个ERP项目，基础架构设计采用了微前端（qiankun）+ant-design-pro，开始一时爽，后面火葬场，这里记录一下这次实践的过程。

,antd,redux等组件项目代码https://github.com/iosKey/umi全局安装umiyarnglobaladdumi创建umi项目（在空的文件夹）yarncreateumi选择ant-design-pro

原文地址前段时间在阅读ant-design-pro的源码时，发现了一种没见过的CSS书写方法，它能有效地解决class命名重复的问题。

原文地址前段时间在阅读ant-design-pro的源码时，发现了一种没见过的CSS书写方法，它能有效地解决class命名重复的问题。

转载：https://github.com/ant-design/ant-design-pro/pull/91如题，新增了AuthorizedRoute组件，利用react-router4的自定义路由功能

English|简体中文|РусскийAntDesignPro开箱即用的中台前端/设计解决方案。预览：http://preview.pro.ant.design首页：http://pro.ant.design/index-cn使用文档：http://pro.ant.design/docs/getting-started-cn更新日志:http://pro.ant.design/docs/chan

今天介绍的是一套在GitHub开源的Web后台控制面板可以给开发者使用——ant-design-pro。ant-design-pro是蚂蚁金服在github开源的后台管理控制台的脚手架。

env.js:constconfigs={//测试环境test:{API_SERVER:'your-api-path',},//开发环境development:{API_SERVER:'your-api-path',},//本地local:{API_SERVER:'your-api-path',},};console.log(process.env.API_ENV);exportdefaultco

ant-design中有介绍如何使用阿里巴巴图表库的icon，调用iconfont的生成的url封装一下啊。iconfont如果使用ant-design-prov2的话：src/components/SiderMenu/BaseMenu.js文件中：import{getMenuMatches}from'./SiderMenuUtils';import{isUrl}from'@/utils/util

ant-design-pro动态菜单-路由详解最近利用ant-design-pro开发项目要实现之前的项目嵌入到新项目里来，并且根据和后台的接口返回的数据显示侧边栏菜单。

ant-design-pro修改为动态菜单有很多大佬都给了解决方法，就不多说直接进入怎么配置动态icon！！！！

在调试ant-design-pro项目时里面使用fetch方法进行api请求想通过保持与ant-design-pro一致的api请求方式进行获取自己系统中的数据，请求代码如下：fetch('http:/

序言每天得生活都要继续，每天的学习不能放弃，最近开始学习下umi/dva/antd的后台管理系统，首推自然是antd-pro了，有些朋友应该比较熟悉这个了，就不多说，直接正言介绍，下面的主线都是antd-pro的搭建；准备Createumi创建antd-pro或dva项目的脚手架dvadva首先是一个基于redux和redux-saga的数据流方案，然后为了简化开发体验，dva还额外内置了reac

基本步骤：基于ant-design-pro这个项目上进行修改：1、webpack加入插件配置：查看修改2、运行

基本步骤：基于ant-design-pro这个项目上进行修改：1、webpack加入插件配置：查看修改2、运行

ant-design-pro写的比较笼统，router-nav-cn这里详细介绍一下从服务器请求菜单的过程：第一步：找到入口文件layouts/BasicLayout.js第二步：配置请求方法及菜单调用

第三周开始看antdesignpro,好吧，开始确实无从下手，这里就简单分享下看懂ant-design-pro并使用的过程。2、从数据流开始，分析antd最直接的办

问题：情景再现：最近在用ant-design-pro做项目中，有用到a标签去下载excel文件，在谷歌，IE10等浏览器下都支持下载。但是firefox就是不支持。

记录一次git操作艰辛之旅最近一段时间正在学习ant-design-pro，按照官方步骤拉取了一下ant-design-pro的代码，然后想推送到自己的git仓库，记录一下学习的过程。

这些项目包括ReactNative基于ant-design-pro重构的中后台应用基于React，专注于小程序开发的Taro应用以create-react-app为基础，自主构建的web应用基于beidou

第一步：安装git第二步：安装图片输入命令在运行到npminsatll这一步的时候一直报错，详情就不写了，试了淘宝镜像一样报错。最后用yarn命令，会报错淘宝镜像运行结尾有报错，所以卸载了淘宝镜像：npmuninstallcnpm-g,然后再用yarninstall,npmstart，就可以运行项目。具体原因不知道为什么。运行了之后我别的项目安装的grunt编译less报错，重新安装grunt，才