シ❤゛甜虾的个人博客

界面的水印水印是 PageContainer 的功能，layout 只是透传给 PageContainer屏蔽方法，找到文件src/app.jsxexport const layout = ({ initialState }) => { return { rightContentRender: () => <RightContent />, disableContentMargin: false, waterMarkProps: { .

服务器可以成功接收文件，浏览器Data内容前端代码const formData = new FormData();formData.append('file', file);formData.append('filetype', fileType);formData.append('filepath', filePath);request('/api/services/UpdateFile', { method: 'post', data: formData }).then(res

组件的定义const FirmwareList = () => {//整个页面所有的代码};export default FirmwareList;组件的引入import { Upload, Form, message, Button, Row, Col } from 'antd';import { UploadOutlined } from '@ant-design/icons';import { useState, useRef, useEffect } from 'r

错误内容有点多，这里就粘贴一点点，出现这个问题的原因很简单devScripts.js:6523 Warning: Each child in a list should have a unique "key" prop.Check the render method of `Cell`. See https://reactjs.org/link/warning-keys for more information. at a at Cell (https://localhost:80...

为了扩展性，后台传到前台的数据里面有一个数组，我们没有办法使用对象索引的方式在dataIndex指定数据列，但是我们可以通过自定义转换来实现代码如下，可以显示多个{ title: 'channel0温度(℃)', dataIndex: 'equipmentDataTableJsonData0', render: (value, record, index) => { const list = record.equipmentDataTableJsonData.equi

由于默认官网的教程已经改成TypeScript， 这里讲的是JavaScript版的使用TypeScript版，只列出关键代码，这里的name和列dataIndex值相同import type { ProColumns, ColumnsState } from '@ant-design/pro-table';import ProTable from '@ant-design/pro-table';//export default ()添加const [columnsStateMap.

Something went wrong.Element type is invalid: expected a string (for built-in components) or a class/function (for composite components) but got: undefined. You likely forgot to export your component from the file it's defined in, or you might have mixed

由于Ant Design Pro菜单和以前不一样了，去官网查到的Icon图标无法直接使用名称了，那怎么办呢，办法总是比问题多的，进入官网的图标组件，找到你想要用的图标，进入开发模式图标 Icon - Ant Design找到图标的data-icon属性，如下图放大一点将data-icon的内容替换到Ant Design Pro 项目菜单中的icon值即可图标愉快的显示出来了...

https://procomponents.ant.design/components/table?current=1&pageSize=5

因为后台使用了APB所有前端的数据获取都围绕着APB的api进行开发，在做用户管理时，新建了页面加了model和server，数据也请求回来了，很久没有写前端了，有些生疏，出现了数据无法解析的情况，后台返回的数据如下{"result":{"totalCount":1,"items":[{"userName":"admin","name":"admin","surname":"admin","emailAddress":"admin@aspnetboilerplate.c...

如果发现只有菜单，没有图标，只需要在models下的menu.ts中天下如下内容import allIcons from '@@/plugin-antd-icon/icons';import React from 'react';const toHump = (name: string) => name.replace(/-(\w)/g, (all: string, letter: any) => letter.toUpperCase());const formatter =

修改请求代码，在请求数据返回后主动调用history.push('/')即可useEffect(() => { if (dispatch) { dispatch({ type: 'user/fetchCurrent', }); dispatch({ type: 'menu/getMenuData', callback(){ history.push('/'); },...

第一章、初识菜单因为我使用的ant design pro用的不是js脚本，而是ts脚本，项目菜单项在config文件夹下的rooutes.ts中export default [ { path: '/', component: '../layouts/BlankLayout', routes: [ { path: '/user', component: '../layouts/UserLayout', route

官方说明https://procomponents.ant.design/components/field/#%E8%BF%9C%E7%A8%8B%E6%95%B0%E6%8D%AEProFormSelect在需要时调用加载consthandleCreate=(title:string)=>{ request('/api/services/app/AppUpdateFileService/GetAppVersionFileOptions',{ method:'Get'...