郑板桥30的博客

动态表单的默认值问题

组件增加一列数据，于是我在该状态下对columns进行操作并把更新后的columns重新setState，但是此时页面的表格并没有更新渲染，我在控制台打印的columns却已经是更新后的了。因为columns和dataSource都是一个对象数组（[{},{},{}]），所以我们更改columns/dataSource时引用地址并没有改变，改的只是引用地址指向的内存数据。

react如何更改antd 组件的下拉菜单的高度

antd默认引入的组件月份展示是英文的，如果想换成中文显示也很简单。

有个需求是后端返回的时间格式是一个时间戳，例如：我们在页面上展示之前需要把这个时间戳转换为标准格式的时间。如果在页面上看到转换的时间有问题，请务必留意下转换格式有无问题。在转换时要注意格式，如果格式错误那么转换到的时间也会有问题。首先我们需要引入moment这个库。

背景：在react项目中使用?.可选链操作符浏览器报错提示编译失败。完成上述步骤后就可以在项目中使用可选链操作符了。2.在pack.jison文件添加插件。1.npm i 导入依赖包。

思路：在state用一个变量来存一个状态，然后通过单选框的Onchange事件来改变这个变量的值，根据不同的值来切换不同的在工作中遇到一个需求是根据用户不同的选择切换出不同的提供给用户输入。

经过排查后发现是一个很低级的错误，因为const定义的是常量，无法对data再进行操作了，这里只需把const换为let就可以了。在日常工作中我们经常会遇到有一些字段不是必传到后端那边的，而是根据用户是否对该字段来进行操作再决定是否传给后端。思路：判断state的该字段的值是否为默认值，如果不是的话就通过解构来把该字段加进去。但是这样写会报错提示 data is read-only。

思路：input框可以先把之前的按钮透明度opacity设置为0,然后外层用div包裹。通过冒号对齐antd提供了相应方法，可以去antd搜索form表单。在上个需求中虽然功能完成了，但是原生input框的样式太简陋了，不符合页面的整体风格，而且上面三个输入框也没有对齐，所以需要美化样式。

在工作中遇到一个需求是希望前端解析用户上传的txt文件后封装成一个数组通过json格式发给后端，在这里我并没有用antd的组件，而是用了js原生的input来做。思路：通过js的fileReader对象来读取用户上传的txt文件，然后通过\n切割成一个数组再通过post请求发给后端。用户可以通过粘贴订单到订单列表来发送订单，也可以通过上传txt文件来发送订单，也可以同时粘贴订单和上传文件。如果用户在订单列表粘贴了订单也上传了文件，那我们可以在发请求的时候解构订单数组把用户粘贴的订单加进去。

思路：点击批量查询后弹出一个模态框，然后通过换行输入多个id，点击查询后把订单数组通过post请求发给后端。在工作中遇到一个需求是批量输入订单id，然后把这个订单id的数组传过去给后端。

在工作中遇到一个需求是对后端接口返回的关键词在文本中检索并且进行标红，如果文本过长就只显示标红字符串的前后10个字符。

思路：在模态框里面套一个form表单就可以了，这个在antd有现成的可以直接拿来用。在工作中遇到一个需求是页面新增一个领取功能，点击提交后会把数据提交到后端处理。

在工作有一个需求是点击相应的按钮换成标签相应的颜色，但是按钮没有标签的那个颜色，于是只能通过style来加。这是原来的写法，但是这样写有很多重复的代码，而且也不美观，于是我在搜索了后换了下面的代码。...