卡壳的地方(不能直接写的都算)
- 思路不清;
- 还需要想一想;
- 还需要搜搜;
- 还需要找参考的地方
- …
3466line的错误汇总竟然没有归类总结
1.难以复习,量太多
2.没有概况总结,导致不能最优先复习
3.没有知识点抽离,导致不能有效联想
在antd的formitem上最简单的方式设置必填项
还得看官网
必须包装类才行。
getFieldDecorator
& export default Form.create()(DownloadTemplate);
设置pageSize参数,不清楚参数怎么写,axios文档参数不熟,decorator的api参数不熟
let _xxParams = { pageSize: 100 };//展示所有数据,而不是第一页
this.xxStore.fetchList(_xxParams);
fetchList(opts, params) {
_.set(opts, "params", { ...opts.params, ...params });
纠结了半天,如何给label设置必填项
正解:label={<span className="ant-form-item-required">{this.t(type.name)}</span>}
正确的提问题很重要.
search: antd formitem set require
解释:getFieldDecorator 之所以不用,是因为会导致 子组件的 setState更新失效,是因为form的作用域屏蔽了子组件的state导致的,看样子像是
you have two way to style the formItem label
//way one :
//You can override the default css by override below selectors
.form-section .form-group label{
font-size : 20px
//YOUR CUSTOM STYLE
}
// way two :
// You can pass custom component like below :
<FormItem label={<p style={YOURCUSTOMSTYLEOBJECT}>System Pressurized</p>}>
{getFieldDecorator('systemPressurized')(
<Select defaultValue="" placeholder="Select Type">
<Option value="Yiminghe">yiminghe</Option>
</Select>,
)}
</FormItem>
曾经尝试:
Form.create() 和 Form.useForm(),以及label直接加 className,getFieldDecorator, 但是都不行。
search:
- antd formitem label class
- antd form require not getFieldDecorator
- antd form require
echarts的api还是不熟
实践出真知啊。没看api,直接试出来的。然后再加上自己查询。
1)自定义饼图description样式,饼图样式,饼图展示百分比
就是代码组织的比较乱。待进一步完善,提高复用和配置化。
冲突代码解决后,之前的功能不好用了。
提交之后,功能恢复正常了。真奇怪。
具体的功能是指-切换子tab,界面元素动态匹配功能。异常的地方是只有部分匹配。
校验当前有没有选中选项
思路比较清奇,
我的话,是在提交的时候进行判断,然后提示。
她的思路是,直接限制按钮,不提示。遍历数据,判断是否有空的值,只要不为空就设置临时变量值,同时return false 结束each循环,最后return 临时变量。
=>我觉得她的代码思路更为精简
被卡住的代码
fullFieldFilter[fileterParamName] = _.filter(value, (res) =>{
return res != "0" ? res : "none";//none保证"0"也传递过去
});/
卡主的地方是:不理解为啥要设置为none,是为了保证==0的时候,保证0的数据也要传值。
传值的时候又设置为none了:
fullFieldFilter[fileterParamName] = ["none"];
纠结的几个地方:
- jsx的key不能为"",不然报错主键必须唯一
- “0” 和 “none” 传值处理,前端需要传参适配。用 “0” 来中转 “none"和”"
- 后端想要 “none” -> “”,所以抽离组件需要单独判断"0"[0为none,也是一个选项],组件调用需要判断"0"[要适配参数为""]
- 对于测试情况的覆盖不足,单选,多选。
- 单选的none和非none,以及allowClear
- 多选的none和非none,单个删除,以及allowClear
如何做自定义图标,比如edit,download,之外的。
比如dot的lock, unlock是如何整出来的
get和post 有啥讲究吗?
=>get查询或者校验,对数据没有变更;post作为新增,put是修改,delete是删除
lodash判断是否为空对象
1,isEmpty
(1)isEmpty 方法可以检查 value 是否为一个空对象、集合、映射或者 set:对象如果没有自己的可枚举属性的对象,则被认为是空。
类数组值,比如 arguments 对象、array、buffer、string 或者类 jQuery 集合的 length 为 0,被认为是空。同样的 map 和 set 的 size 为 0,被认为是空。
antd select 录入的不作为可选项
Ant Design的TreeSelect支持多选和搜索功能,如果查询不到,则搜索框不能清除的问题处理。
antd的Select组件多选模式下模糊搜索输入框不展示输入的内容