React | 时鹏亮的Blog

背景信息：前端同学反馈碰到个问题，上传控件选了文件就会报错415。排查后确认是Ant Design的上传控件，默认选中文件的时候就会POST发送到后端。想让我调整下Nginx配置。
梳理了下，前端的镜像默认负载是自己的Nginx，所以调整下Dockerfile中[……]

Antd属于常用的前端框架了，如何限制图片上传时的宽高呢？主要使用了Upload空间的beforeUpload事件。
限制图片宽高的示例代码：

beforeUpload: file => {
	  this.handleFilebeforeUpload(f[......]

ToolTip是个常用鼠标浮动后显示提示信息的组件，但宽度有时不够，如何调整呢？
示例代码如下：

<ProFormSwitch name = 'env'
    label               = 'env'[......]

Antd ProForm 如何隐藏重置按钮？这是最近做项目碰到的问题，由于重置的操作太危险，所以需要隐藏（其实主要是自己懒）。
那么如何如何隐藏重置按钮呢？示例代码片段如下：

<ProForm
    submitter  = {{

背景信息：有个很长的地址，需要折行处理，指定width后依然不会自动折行。
这种情况，按以往经验，肯定是要加break-word之类的css，但到了React这种新的框架玩儿法，jQuery的那一套就不太好弄了，所以找了下实现方案。在设置列属性的声明中，[……]

ProTable 默认带设置按钮，如果不需要的话，想要隐藏，如何设置？其实加个属性即可。
示例代码如下：

options={false}

参考资料antdPro table设置隐藏[……]

有些场景需要用setFieldsValue而不是initialValues处理值，那么如何使其生效呢？
示例代码如下：

//定义出useForm
const [formObj] = ProForm.useForm()//在ProForm添加form属性属性值为f[......]

最近有个项目……恩，是的，后端的我需要做一些前端的工作，其中有个功能需求是像剪切板写入生成的文本，遂搜了下实现代码：

<button onClick={() =>  navigator.clipboard.writeText('Copy t[......]

时鹏亮的Blog