公司的测试管理平台前端使用的是Ant Design of React框架,后台使用的是python,数据库用的是mysql。没有参与前期的开发,听说是工作了10年积累下来的一个暂且可用的管理平台,开发了10年,目前公司也没有怎么用起来......不由地吐槽了一下,看了前端和后台的代码,简直想哭的心都有了。问的稍微深一点的问题,就说不知道,自己看,自己调试,我也就只能呵呵呵,后面有问题干脆不开口了,省得诧异与无奈了,告诫自己的就是:虽然领导不靠谱,但不要学习他对技术的态度,时刻保持清醒,不被同化,是我最后的倔强了。吐槽完了,记录问题。

  问题一:项目需要,在测试管理平台上开发一个场景指令录入与维护的界面,只负责录入数据、修改数据、展示数据,不保存到平台数据库,数据保存到云端。云端提供增、删、改、查接口。功能很简单,开发完成,联调的时候出现了一个问题:指令集是通过table组件来录入的,各指令通过Input.TextArea展示,其中一个指令为“是否必须”,项目要求为数字格式,0否1是。Input.TextArea的value属性的类型是string,那就在保存的时候转一下格式,代码:

//后端要求将是否必须保存为数字类型的,input的value默认为string类型,故保存的时候需要将其转换为数字类型
this.range(0, this.state.instructions.length, (i)=>{
this.state.instructions[i].isNecessary = Number(this.state.instructions[i].isNecessary)
})

  本以为应该不会有问题了,保存完显示时,1可以展示,0就不行,想想是不是应该把从数据库获取数字类型的值转换为字符串,就试试吧:

//input输入框只接受字符串的类型,这里再将数字类型转换为字符串类型显示
this.range(0, this.state.instructions.length, (i)=>{
this.state.instructions[i].isNecessary = this.state.instructions[i].isNecessary.toString()
})

  再打开查看保存的数据,显示出来了。回想一下整个现象,Input.TextArea的value属性的类型是string,只接受string类型的value,两次转换总觉得变扭。看了一下官网,还有一个InputNumber组件,或许可以考虑使用。

  那么问题来了:为什么同为数字,1可以显示,0却不可以显示?或许没有抓到问题的根本。

  问题二:等待使用......

Ant Design使用问题记录的更多相关文章

  1. Ant Design项目记录和CSS3的总结和Es6的基本总结

    这里主要是介绍自己运用ANT框架的一些小总结,以前写到word里,现在要慢慢传上来, 辅助生殖项目总结:从每个组件的运用的方法和问题来总结项目. 1.项目介绍 辅助生殖项目主要运用的是Ant.desi ...

  2. Ant Design 错误记录

    Ant Design 错误记录 一: 标签页Tabs 1:设置activeKey或defaultActiveKey,绑定默认值不起作用: =>    需要同时设置activeKey和defaul ...

  3. Ant Design 学习记录

    遇到的问题: 点击列表中的一个字段 , 显示出一条指定id(其他筛选条件的)数据 解决这个问题之前,要先了解 Antd的 Table中的  Column  列描述数据对象,是 columns 中的一项 ...

  4. Ant Design Upload 组件上传文件到云服务器 - 七牛云、腾讯云和阿里云的分别实现

    在前端项目中经常遇到上传文件的需求,ant design 作为 react 的前端框架,提供的 upload 组件为上传文件提供了很大的方便,官方提供的各种形式的上传基本上可以覆盖大多数的场景,但是对 ...

  5. 使用express、react、webpack打包、socket.io、mongodb、ant.design、less、es6实现聊天室

    拿到一个项目,我们应该如何去完成这个项目呢. 是直接上手? 还是先进行分析,然后再去解决呢?毫无疑问,如果直接上手解决,那么可能会因为知道目标所在,而导致出现各种问题. 所以,我们应该系统的分析这个项 ...

  6. 【后台管理系统】—— Ant Design Pro入门学习&项目实践笔记(三)

    前言:前一篇记录了[后台管理系统]目前进展开发中遇到的一些应用点,这一篇会梳理一些自己学习Ant Design Pro源码的功能点.附:Ant Design Pro 在线预览地址. Dashboard ...

  7. react使用ant design pro时的滑动图片组件

    react的滑动图片验证,是基于https://segmentfault.com/a/1190000018309458?utm_source=tag-newest做的修改,改动的主要有以下几点: 1. ...

  8. react 编写 基于ant.design 页面的参考笔记

    前言 因为我没有系统的学习 react,是边写边通过搜索引擎找相对的问题,看 ant.design的 中文文档 编写的一个单页面, 以下的笔记都是写 gksvideourlr 时记录的. 重新设定表单 ...

  9. 使用Ant Design写一个仿微软ToDo

    实习期的第一份活,自己看Ant Design的官网学习,然后用Ant Design写一个仿微软ToDo. 不做教学目的,只是记录一下. 1.学习 Ant Design 是个组件库,想要会用,至少要知道 ...

随机推荐

  1. SQL Server在存储过程中编写事务处理代码的三种方法

    SQL Server中数据库事务处理是相当有用的,鉴于很多SQL初学者编写的事务处理代码存往往存在漏洞,本文我们介绍了三种不同的方法,举例说明了如何在存储过程事务处理中编写正确的代码.希望能够对您有所 ...

  2. ZOJ 3792 Romantic Value 最小割(最小费用下最小边数)

    求最小割及最小花费 把边权c = c*10000+1 然后跑一个最小割,则flow / 10000就是费用 flow%10000就是边数. 且是边数最少的情况.. #include<stdio. ...

  3. mongodb权限管理(转)

    Mongodb 预定义角色 Mongodb 中预定义了一些角色,把这些角色赋予给适当的用户上,用户就只能进行角色范围内的操作. 数据库用户角色 (所有数据库都有) read 用户可以读取当前数据库的数 ...

  4. VR/AR工作原理、目前存在的技术问题

    http://blog.csdn.net/liulong1567/article/details/50686558 摘要: 这些挑战,每一个都还需要很多努力才能解决.目前它们很多都还不到量变(只是需要 ...

  5. Tomcat中实现IP访问限制

    打开tomcat6\conf\server.xml文件 如果是要限制整个站点别人不能访问,则要将 <Valve className="org.apache.catalina.valve ...

  6. solr6.6 配置自带中文分词

    1.配置solrconfig.xml solr的自带中文分词包在solr-6.6.0\contrib\analysis-extras\lucene-libs下 修改solrconfig.xml增加 & ...

  7. Sqoop操作实践

    Sqoop操作实践 @(Hadoop) Sqoop常用参命令 序号 命令/command 类 说明 1 impor ImportTool 从关系型数据库中导入数据(来自表或者查询语句)到HDFS中 2 ...

  8. 倍福TwinCAT(贝福Beckhoff)常见问题(FAQ)-报错0X4650,18000错误怎么办

    驱动器未就绪错误,请重启驱动器 注意,即便是报这个错,仍然有可能上电成功,这样的话可以直接在TwinCAT中清除错误即可     更多教学视频和资料下载,欢迎关注以下信息: 我的优酷空间: http: ...

  9. Java实现图片裁剪预览功能

    在项目中.我们须要做些类似头像上传,图片裁剪的功能,ok看以下文章! 须要插件:jQuery Jcrop 后端代码: package org.csg.upload; import java.awt.R ...

  10. python——socket模块与列表映射

    从socket模块学习中的一段奇怪代码说起 前言:在学习python标准库中的Socket模块中,发现了一段奇怪的代码. import socket def get_constants(prefix) ...