08 2022 档案
摘要:场景:app.tsx 中配置微前端拦截器 调用getCurrentUser获取租户信息时候报错 思路:异步获取 方案: const { getCurrentUser, waitUserInfoLoad } = await import('utils/utils'); await waitUserIn
阅读全文
摘要:细节决定成败,态度决定一切,心态决定人生 1.右上角 -- enabledFlag -- label 是 启用 ,不能是 状态 <> <span style={{ marginRight: '8px', color: '#1C1C1C', fontSize: '12px' }}> {intl.get
阅读全文
摘要:npmrc 里加一下配置 resolution-mode=highest auto-install-peers=false .
阅读全文
摘要:代码: fields: [ { name: FN.content, type: FieldType.string, label: intl.get('xxx.xxx.model.content').d('内容'), validator: (value) => { let isJson = false
阅读全文
摘要:项目根目录添加 .npmrc yarn 会读取 .npmrc 文件,不需要单独添加 .yarnrc registry=https://registry.npm.taobao.org sass_binary_site=https://npm.taobao.org/mirrors/node-sass/
阅读全文
摘要:场景: 希望将 a_bbb_ccc 转为 aBbbCcc 方案: export function toHump(str) { const reg = /_(\w)/g; return str.replace(reg, ($0, $1) => { return $1.toUpperCase(); })
阅读全文
摘要:场景: 在低版本 C7N 中给 Table 动态设置 height 会导致 ResizeObserver loop limit exceeded 报错 原因: Table 多次重绘,超过了浏览器限制(本地没有问题,部署到线上出现问题) 解决方案: (1) 方案一 在外层 (2) 方案二
阅读全文
摘要:代码: /* overflow-y 属性 可选值 */ overflow-y: visible; /*内容可见*/ overflow-y: hidden; /*内容隐藏*/ overflow-y: scroll; /*总是显示滚动条*/ overflow-y: auto; /*浏览器决定*/ .
阅读全文
摘要:代码: import { SelectBox } from 'choerodon-ui/pro'; ... <SelectBox name="customFlag" /> ... { label: intl.get('xxx.xxx.xxx.xxx').d('xxx'), name: 'custom
阅读全文
摘要:1.场景描述 useEffect(() => { tableDs.loadData( treeToArr(treeData, FN.children) .filter((val) => checkedKeys.includes(val.wbsCode)) .map((val) => renderIt
阅读全文
摘要:代码: const detailDS: () => DataSetProps = () => ({ autoQuery: false, selection: false, autoQueryAfterSubmit: false, paging: false, queryFields: [], fie
阅读全文
摘要:修改本地代码后,提交改动的代码到远程库里时可能会遇到将注释写错的情况,那么这个时候该如何撤回错误的commit操作重新commit。 情况一:撤销git commit命令和撤销git add 命令: git reset --hard HEAD^ 作用:删除工作空间修改过的代码,撤销commit&撤销
阅读全文
摘要:场景: Table Form 默认的 labelWidth 为 80px,但是有些 label 文字比较多时,就会出现省略符 思路: 通过 formProps,修改 Form 的 labelWidth 方案: <Table className={styles['tree-table']} dataS
阅读全文
摘要:pickBy 方法接受一个对象和一个断言函数,并返回一个新对象,其中只包含满足断言函数条件的键值对。 下面是使用 pickBy 方法去除对象中的空值的示例代码: const _ = require('lodash'); const obj = { name: 'Alice', age: 30, ad
阅读全文
摘要:通过 useRef 可以实现数据的缓存。useRef 返回一个可变的 ref 对象,可以在组件的整个生命周期中保持稳定的引用。 下面是使用 useRef 来实现数据缓存的示例代码: import React, { useEffect, useRef } from 'react'; function
阅读全文
摘要:在 React 中,没有内置的类似于 Vue 的 keep-alive 组件,但你可以通过使用状态管理库(如 Redux 或 MobX)或自定义组件来实现类似的功能。 下面是一个使用自定义组件实现类似 keep-alive 功能的示例: 1.创建一个 KeepAlive 组件 import Reac
阅读全文
摘要:1.登录 npm login --registry https://registry.npmjs.org/ 2.修改 publishConfig "publishConfig": { "registry": "https://registry.npmjs.org/" }, 3.发版 获取验证码 np
阅读全文
摘要:场景: 用户点击浏览器刷新按钮时,清除state缓存 思路: 通过 监听 beforeunload 事件 方案: React.useEffect(() => { // 初始化 const handleInit = () => { history.replace({...history.locatio
阅读全文
摘要:在前端中,可以通过发送请求并检查响应头来获取重定向的地址,并根据该地址进行跳转。以下是一个使用 fetch 函数获取重定向地址并进行跳转的示例: fetch('https://example.com/redirect', { redirect: 'manual' }) .then(response
阅读全文
摘要:场景: react 通过 state 实现页面间的传值,当用户点击重置按钮的时候,需要清除 state 里面的数据,否则,用户刷新页面,请求列表数据时,还会带上 state 里面的参数,导致数据不准 思路: 通过 history.replace 实现 方案: <Table dataSet={ds}
阅读全文
摘要:C7N 1.5.6-alpha.26 及之后版本,清除 queryDataSet,不要用 queryDataSet.reset() 或者 queryDataSet.loadData([]),这样会删除 current,导致再次点击刷新按钮失效,可以使用 queryDataSet,current.cl
阅读全文
摘要:tableDs.query(tableDs.currentPage);
阅读全文