
antd
1只小菜鸟
前端、可视化工程师,目前就职于上海。
展开
-
项目踩坑,antd截取upload上传的图片file对象,存储在state中。
在项目中有项需求就是上传图片,但是跟后台约定的是上传file对象的同时post传值type和position的值,antd官方提供的案例是通过action:'接口链接’参数直接上传到接口中,所以我们需要截取一下file对象并存储到state中,在点击按钮的时候上传file、position和type的值。下面的详解:1、首先在andt官网中复制好想要的上传组件案例;2、 通过beforeUpl...原创 2019-01-03 11:36:35 · 13038 阅读 · 1 评论 -
关于Antd 时间选择组件文字转换为中文(国际化设置)
Ant Design 官方的文档好像没更新,反正是用起来没配成功,官方的文档和代码也是互相矛盾,我来介绍下我是怎么做国际化的。Antd 的国际化依赖于 yahoo/react-intl。在看这篇文章之前,建议大家看看 antd/antd-mobile 国际化方案。这篇文章并不是一个 Start Guidelines。文件目录如下src/locales 里面放国际化相关资源l10n.con...转载 2019-01-18 15:16:29 · 13164 阅读 · 1 评论 -
暴露webpack.config文件并修改自己项目需要的样子
很多人都在问yarn是什么,如果你知道npm是什么 那我能告诉你yarn是跟npm/cnpm一样的包管理工具,只是它比npm更加优秀,更加稳定。暴露webpack.config文件,依次执行以下代码://暴露package.json中的script中的eject文件yarn eject//命令行会问你:这是一个单向操作,确认操作后不可逆转/返回。y//但是会报错: 原因是没有提交代码,...原创 2019-01-23 11:00:16 · 2908 阅读 · 0 评论 -
antd日期选择框中文(国际化)设置
使用antd这个UI组件确实很好用,但是他属于面向国际的,所以在一些特定的组件需要使用国际化文字上的转变;可以看到提示的文字都是英文,包括鼠标停留事件也是英文的,那么在你的代码中这么写就可以了import React from 'react';import {DatePicker } from 'antd';//引入国际化设置(中文)import locale from 'antd/l...原创 2019-03-14 11:22:01 · 10845 阅读 · 0 评论