公司的测试管理平台前端使用的是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. shell产生随机数七种方法

    shell实例浅谈之三产生随机数七种方法   一.问题 Shell下有时需要使用随机数,在此总结产生随机数的方法.计算机产生的的只是“伪随机数”,不会产生绝对的随机数(是一种理想随机数).伪随机数在大 ...

  2. The method Inflate() in android

    Inflate() method can find out a layout defined by xml,as like the findViewById() method,but there ha ...

  3. 快速打开IIS的方法

    方法一: 在运行(win+r)输入inetmgr 方法二: 控制面板\所有控制面板项\管理工具\IIS 建议使用第一种方法

  4. IP windows相关

    nbtstat: 假设 我们  通过net view 获取了 局域网内一些计算机名 如上标红的计算机名称 如何 才能获取计算机的ip呢? 接下来使用  nbtstat -a  列出远程机器的名称表: ...

  5. solr File Upload "Unsupported ContentType: application/vnd.ms-excel Not in: [application/xml, application/csv, application/json, text/json, text/csv, text/xml, application/javabin]",

    今天在用solr管理界面导入文件时报错:"Unsupported ContentType: application/vnd.ms-excel  Not in: [application/xm ...

  6. JavaScript--百度百科

    JavaScript一种直译式脚本语言,是一种动态类型.弱类型.基于原型的语言,内置支持类型.它的解释器被称为JavaScript引擎,为浏览器的一部分,广泛用于客户端的脚本语言,最早是在HTML(标 ...

  7. JAVA-IO操作,字节-字符转换流

    掌握OutputStreamWriter和InputStreamReader类的作用 一般操作输入输出内容的时候,就需要使用字节或字符流,但是,有些时候,需要将字符流变成字节流形式,或者字节流变成字符 ...

  8. rabbitMq视频教程

    http://edu.51cto.com/index.php?do=lesson&id=83136

  9. 实现乐鑫esp8266的无线OTA升级,实现远程在线升级固件

    代码地址如下:http://www.demodashi.com/demo/12994.html 一.前言: 写了这么多的8266博文,一直以满意100%的心态去敲写代码固件烧录,以致很少出现 bug ...

  10. Swift 泛型參数

    原文:http://www.cocoachina.com/newbie/basic/2014/0612/8802.html 本页内容包含:泛型形參语句和泛型实參语句 本节涉及泛型类型.泛型函数以及泛型 ...