shunzizhan

环境配置# 安装脚手架npm install -g create-react-app# 新建一个项目create-react-app first_react_app# 启动项目npm startexport与export defaultexport与export default均可用于导出常量、函数、文件、模块等你可以在其它文件或模块中通过import+(...

基于antd-pro框架，配置package.json中的打包命令，实现不同环境使用不同的接口apiUrl前缀，避免人肉修改，保证各环境对应各自的api地址。背景这阵子，在玩antd-pro，感觉整体框架基本是一套很完善的管理系统，因此也将该套框架运用到实际项目中，UI、组件啥的都没有问题，就是在打包部署的时候，本地开发、测试、线上接口api前缀不同，打包发布到测试环境和线上环境，需要人为...

最近基于Ant Design Pro框架，着手一个项目的研发，在一个业务模块中，需要用户输入座机号，最开始，就在Form中放一个Input，让用户输入，但是这样就碰到一个问题：如何保证用户的输入是相同的，数据落库如何保持一致？业务场景在一个表单中，用户需要输入座机号，至少包含区号和座机号，分机号为非必填字段。问题分析进过对业务场景的分析，在一个输入框中，通过正则来判断座机号，似乎有点...

目前table的现状 目前ant design中使用的StandardTable，其实已经是基于Table 做了一个封装，并且涉及到对Table 中的选中的某列数据项进行累加求和。 实际需求 但是，在实际项目中，我们可能遇到这样的需求，我们不仅需要对某一列累加求和，我们可能还需要对多表头的某几项进行累加求和。 原始组件对于该业务的局限性只支持单表...

参考：https://react.bootcss.com/react/docs/react-api.html React.PureComponent 与 React.Component 几乎完全相同，但 React.PureComponent 通过prop和state的浅对比来实现 shouldComponentUpate()。如果React组件的 render() 函数在给定相同的p...

版本升级submit->master路由 可改造成路由的部分，基本就是顶部导航。第一个版本，a/b/c使用的是ant 的tabs，但是感觉这里可以修改成router，因此，本周就进行了这个改造调整目录为了改造，我们首先调整一下目录结构 -src   |-components //存放组件   |-pages ...

背景在列表里，选中某几条数据，然后弹窗，查询这几条数据相关的信息，并且在弹窗中，涉及数据的查询等操作。此处，弹窗是封装的一个子组件，我将选中项的id作为一个属性，传递给子组件 问题第一次，点击的时候，在子组件的componentDidMount中正常获取到了ids数组；关闭子组件后，选随便选择几条数据，点击按钮，弹出弹窗，发现并不进入componentDidMount【问题一...

在列表页中，需要查看某条数据的详情，点击查看，然后进入详情页，详情页获取参数，并根据参数请求接口数据。路由配置 '/equipment/list': { component: dynamicWrapper(app, ['equip'], () => import('../page/Equipment/List')), }, '/equ...

生命周期装载过程 Mount 组件第一次在dom树中渲染的过程constructor 无状态的组件，则不需要定义构造函数，一个组件需要构造函数，往往是以下的目的： - 初始化state - 绑定函数的this环境this.foo = ::this.foo# 等价this.foo = this.foo.bind(this)get...

今天接到一个需求，有两个模块A和模块B，在pc端上看，模块A之后，再是模板B，而在移动端时，则是模块B之后，再是模块A。对于这个需求，我们很自然的想到的去监听window的resize事件，从而改变dom布局的顺序，以实现这个需求。准备动工时，突然想到在antd pro项目，我们在内容页，按F12，将网页调成移动适配，发现我们的菜单就自动收缩起来了，这个是怎么实现的呢？我们是不是可以美其名...