zjq_1234的博客

需求：根据报文类型的不同，每种报文类型的字段也有所不同。通过后端返回的报文字段的字符串，前端将字符串转为对象，根据后端返回的对象，展示当前报文的页面字段。实现思路：根据需求将建立三个组件，域组件主要用来展示字段。块组件用来展示可增加和删除的块，块组件里面通过域组件来进行展示。最终在模板组件，对后端返回的所有的模板字段进行判断，遍历模板字段，如果后端返回的字段类型是个域就直接展示域组件，如果返回的字段类型是个块就展示块组件。在模板组件将所有域和块的字段值进行集中，从而获取所有的报文字段数据..

方式一：当前列表实现调用公共list组件，将分页pageSize,pageNo的值从子组件传到父组件。分页的传参如下所示。当前页的调用： // 父组件的调用子组件handleChangePage = query => { const { defaultQuery } = this.state; this.props.getList(defaultQuery); this.setState({ pageNum: query, }); }.

场景：ant design升级后发现本地跑项目的时候，右下角会出现下面的气泡解决方法：在package.json的配置文件中，start命令增加 UMI_UI=none umi dev ;修改前： "start": "cross-env ANT_DESIGN_PRO_ONLY_DO_NOT_USE_IN_YOUR_PRODUCTION=site umi dev",修改后： "start": "cross-env ANT_DESIGN_PRO_ONLY_DO_NOT_USE_IN_Y

场景： 在进行tag标签的编辑时，需求单击tag表示选中，双击tag进入编辑模式，进行修改。这样如果不做处理，双击会同时触发单击事件，解决思路：设置一个变量，在单击事件中进行延时设置，在双击事件中，直接将单击事件的延时取消，那么就不会触发单击事件。详细实现思路：1. 设置varclickTimeChange; 用于单击事件的延时变量。2. 单击事件的代码如下： handleCheckChange = (tag, index) => { clearTimeo...

使用场景：比如ant design中的抽屉Drawer这个组件，由于组件库中的样式是给了padding为25px，但是我当前的需求是不需要padding，那么就需要写样式覆盖掉之前组件定义的样式。1 需要找到该组件对应的padding这个样式所在的类。2 在代码中给Drawer组件一个className属性，如下<Drawer title="aaa" placement="right" cl..

splice(index,len,[item])它也可以用来替换/删除/添加数组内某一个或者几个值（该方法会改变原始数组）index:数组开始下标 len: 替换/删除的长度 item:替换的值，删除操作的话 item为空删除：//删除起始下标为1，长度为1的一个值(len设置1，如果为0，则数组不变)var arr = ['a','b','c','d'];arr.splice(1,1);console.log(arr); //['a','c',...

运用场景：在开发点击+号，新增一个表单，点击减号删除一个表单，点击保存时提交当前页面的多个表单的数据，这时候，在父组件要用到search公共组件中的表单数据，传参格式为[{},{},{}]。思路：点击+号，新增一个表单，这个时候要给表单一个key，当有多个表单的时候，可以区分每个表单的数据。使用react中的表单的ref进行表单数据的传递。前情提要：search为一个公共组件，表单的产生在该组件内。第一步：在公共的search组件中，添加ref方法。 <Form style={.

场景: 删除功能一般来说，前端需要给后端传一个json，json 里面是进行删除操作的ID，但是后端有时会要求我们传formData格式的数据，这个时候，传参为json 的方式就不合适了，故对参数进行以下处理。删除的方法： onHandleDelete = obj => { const { defaultQuery, searchQuery } = this.state; const formData = new FormData(); formDa...

第一步：在upload使用的组件中定义空数组（在所有的filelist赋值中只能为数组，不能为对象）第二步：配置props里面的属性const props = { name: 'file', beforeUpload: this.beforeUpload, fileList: this.state.fileList.slice(-1), o...

1.原因　　页面中存在多个Modal同时渲染及弹出（在table里使用Modal就会出现这种问题）2.解决方案　　不让多个Modal同时渲染就行了，设置Modal的visible属性为this.state.delModalVisible，this.state.delModalVisible的值为[]，如果是在table里可以这么做：showDelModal(id) { ...

moment的基本使用：var moment = require('moment');console.log("001===>>> ",moment().format('YYYY-MM-DD HH:mm:ss')); //当前时间console.log("002===>>> ",moment().add(...

1、 页面传参 { title: '操作', width: '40%', render: (text, record) => { const { getFieldDecorator } = this.props.form; //console.log('text, record', text, record); ...

required string parameter 'XXX'is not present 的几种情况情况一：原因是由于头文件类型不对，可以在MediaType中选择合适的类型，例如GET和POST情况二：jquery提交delete时，不支持@RequestParam，只支持@PathVariable形式情况三：若api在调用的时候，如果存在重类型，但不重名；例如：/id与/name...

1、第一步表单中验证问题：const onValidateForm = () => { let fileInfo = this.props.form.getFieldsValue(); //console.log('fileInfo', fileInfo); sessionStorage.setItem('fileInfo', JSON.string...

1、创建组件LineWrap.jsimport React, { PureComponent } from 'react';import PropTypes from 'prop-types';import { Tooltip } from 'antd';import Styles from './TableList.less';export default class LineW...

1. npm install一直停留在fetchMetadata: sill mapToRegistry uri http://registry.npmjs.org/whatwg-fetch可以使用如下命令设置为淘宝的镜像源：npm config set registry https://registry.npm.taobao.org 2. 使用如下命令检验是否成功：npm co...