antd-pro快速入门之一--react基础 React快速入门 概述 本文读者对象为有一定编程基础、会基础html、css、javascript/es6的人,没有这些基础看起来有点难。本文用简单明了的语言来陈述,有些地方不太严谨不太准确,但我认为不影响入门就没问题。 编码实验环境:https://codepen.ioPen,pen setting 设置js环境,Javascript ...
antd pro 是一个组装好的脚手架，这个意味着很多的东西都是约定大于配置的，所以必须要按照约定进行开发...
antd pro一般用在后台的管理系统,所以菜单部分是重中之重,antd pro 的菜单是集中在一个文件中(config/routes.ts)配置的,非常方便。 子菜单配置 管理系统中,随着管理粒度的细分,子菜单是必不可少的,antd pro中配置菜单主要在2个地方: config/routes.ts src/locales/zh-CN/menu.ts 配置子菜单的路由: AI检测代...
幸运的是,我的团队,早在半年多以前就已经使用react hooks重构了antd pro。开发效率直接飞速提升,简直美滋滋。 不过大家也不用羡慕,后续几篇文章的目的,就是给大家提供一个思路,利用react hooks,去重构antd-pro的demo。 antd pro并非一个入门项目,因此阅读本系列文章,需要有以下基本功底 1.对ant design和antd pro...
AntdPro中formItemProps和fieldProps的区别 最近在工作中接触到了 antd 和 antd pro,作为一个 react 和 antd 新人,在学习和使用中遇到了不少的问题,下边就常见的一个问题来进行记录,后续还会记录更多的问题以及心得 Form 以及 ProForm 组件在项目中是最常用的组件,Antd 中表单相关组件常用的两个 props 是 field...
Antd pro 动态路由 在讲解这个功能之前,我们先来看一下antd pro中菜单是怎么加载出来的。 antd pro 左侧菜单的初始化数据来源于config/config.ts文件里面的routes属性的值。 侧边栏菜单数据来源 因此,只要我们在页面加载前改掉这里的值就可以,实现动态加载菜单了。
antd pro 路由简介 首先创建一个 antd pro 的项目, 创建方法很简单, 参见antd pro 的文档 antd pro 的路由配置文件在项目根目录下的 config 文件夹中:/config/config.js 这里简单介绍路由相关的配置, 所以对默认生成的模板做一些改动, 去除登录和权限的部分. 并定义一些示例的菜单. ...
可以使用 ProFormDependency 实现表单联动或者做一些依赖。 ProForm 的 onFinish 是个 Promise。 使用onValuesChange 监听某个值。 如果要使用自定义的组件可以用 Form.Item 包裹后使用,支持与 antd 的 Form混用。 // 设置整体默认值 <ProForm initialValues={obj} /> ...
在本篇文章中,我们将介绍AntdPro的基本用法,帮助您快速上手。 一、安装与引入 要使用AntdPro,首先需要在项目中安装它。您可以通过npm或yarn等包管理器进行安装。在终端中执行以下命令即可安装AntdPro: ```shell npminstallantd-pro ``` 安装完成后,您需要将AntdPro的组件引入到项目中。您可以在需要使用组件的文件...
antdpro less配置 做单页应用,不管是用Vue还是React,或者其他,有一个重要的原则,就是:组件重用。 既然组件可以重用,那么当添加一个信息,和修改该信息的布局必然是一致的,这时候,最好的方法自然是利用同一个组件,在添加信息的时候,默认值为空,在修改的时候,默认值为后台获取到的数据。