Skip to main content

Command Palette

Search for a command to run...

Series

QA

📝记录开发过程中出现的问题或者坑

  1. Ant Design Pro 如何自定义配置额外 Webpack 插件

    最近需要完成一个需求:血缘图的展示,在 Github 上找到了一个开箱即用的项目 react-lineage-dag,是阿里出的一个用于表示表与表之间,表和其他关联实体之间关系的图。 测试了一下 demo,也都符合预期,但是当使用从 npm 库中下载下来的包时,编译时报错了,说不认识包中的 $,意识到是使用了 jQuery了。 解决这个问题也很简单 安装 jquerynpm install jquery --save 使用 ProvidePlugin ProvidePlugin是一个 w...

    Dec 24, 20221 min read163
    Ant Design Pro 如何自定义配置额外 Webpack 插件
  2. EditableProTable 组件的 onSave 方法如何保持编辑状态

    问题:最近项目中使用了 EditableProTable 这个组件,不论新建还是编辑时,点击保存后无论接口返回成功还是失败,编辑状态会直接消失。现在需要的是失败后保持编辑状态,可以修改再次保存。 解决: 我们先看文档中 onSave 属性的使用方法 该方法返回一个 Promise,所以就可以在接口返回错误时,返回 Promise.reject() 即可。 参考:🧐[问题]EditableProTable的onSave方法,发送请求得到失败结果时,希望能保持当前行编辑

    Nov 27, 20221 min read159
    EditableProTable 组件的 onSave 方法如何保持编辑状态
  3. 如何在 antd form 或 高阶组件 中使用 ref

    问题:使用 antd 3 版本 form 组件,使用 ref 获取不到子组件的值,而是 form 的属性及方法 有个老项目使用的是 antd 3 版本,form 组件还是高阶组件的形式。再做一个需求时是要父组件获取子组件的 state,这个很简单,在这篇文章 父组件获取子组件值的四种情况 中已经介绍过了,但是问题在于,子组件被 form 套了一层,用文章中的方法获取的是 form 的属性,而非子组件的值。 解决:使用 wrappedComponentRef // 父组件 import Rea...

    Nov 21, 20221 min read128
    如何在 antd form 或 高阶组件 中使用 ref