react+ant-design-pro 解决报错:Warning: Instance created by `useForm` is not connected to any Form elemen

解决报错:Warning: Instance created by `useForm` is not connected to any Form element. Forget to pass `form` prop?在 Modal 弹框里加入forceRender 即可。举个例子:<Modal forceRender visible={visible} onOk={onClose} onCancel={onClose}> <.
分类: 其他 发布时间: 03-03 07:58 阅读次数: 0

用 react + “ant-design-pro 的 Tabs“ 实现顶部菜单·记

1、页面顶部添加 tab,点击切换 tab 时,可切换2、将 tab 与路由双向绑定3、调整样式(1)、水平垂直居中(2)、还原 tab 字体的样式
分类: 其他 发布时间: 03-03 07:58 阅读次数: 0

短路运算和三目运算取不到值的情况

(item.name===projectName) && (title = item.title)
分类: 其他 发布时间: 03-03 07:57 阅读次数: 0

在 useEffect 操作 DOM 闪屏问题的解决

将useEffect 换成useLayoutEffect 即可。useEffect和useLayoutEffect的区别
分类: 其他 发布时间: 03-03 07:57 阅读次数: 0

js 空对象的判断 & 科学的打印对象

法一:JSON.stringify(c)=='{}'法二:Object.keys(obj).length==0
分类: 其他 发布时间: 03-03 07:57 阅读次数: 0

使用 react-router-dom 的 Link 的踩坑记

1、参数获取的问题https://blog.csdn.net/xiasohuai/article/details/817428852、编码解码的问题https://segmentfault.com/a/1190000023087417
分类: 其他 发布时间: 03-03 07:57 阅读次数: 0

URL 相关

一、规范RESTful API 最佳实践二、匹配 URL 的 queryexport const regExpMatchURLQuery = (str) => { let obj = {}; str.replace(/([^?=&#]+)=([^?=&#]+)/g, (_, key, value) => (obj[key] = value)); str.replace(/#([^?=&#]+)/g, (_, hash) => (obj.
分类: 其他 发布时间: 03-03 07:56 阅读次数: 0

antd 之 Form 表单踩坑记

同一个 Form 下的两个 Form.list,如何在第二个Form.list中使用第一个Form.list的添加的所有数据?Form.provider 提供了两个form之间共享数据的途径。所以我用了它,但是在Form.provider的onFormChange事件中:Form.provider 仅仅提供第一层的name及其对应的value,也就是Form.list的name和value,取不到更深一层的Form.item的name和value。抛开Form.provider,现在这两个Form已
分类: 其他 发布时间: 03-03 07:56 阅读次数: 0

再看git

目录一、git 基础1、跟踪新文件2、检查当前文件状态3、查看具体修改4、提交更新5、移除文件6、移动文件7、查看提交历史8、撤消操作9、远程仓库的使用(1)、查看远程仓库(2)、添加远程仓库(3)、从远程仓库中抓取与拉取(4)、推送到远程仓库(5)、查看某个远程仓库(6)、远程仓库的重命名(7)、远程仓库的移除10、打标签(1)、查看标签(2)、创建标签(3)、后期打标签(4)、共享标签(5)、删除标签二、Gi
分类: 其他 发布时间: 03-03 07:56 阅读次数: 0

react 带你了解下 Fragments

React.Fragments 允许你将子列表分组,而无需向 DOM 添加额外节点。例如:render() { return ( <React.Fragment> <ChildA /> <ChildB /> <ChildC /> </React.Fragment> );}你也可以使用一种新的,且更简短的语法来声明 Fragments。它看起来像空标签。例如:ren
分类: 其他 发布时间: 03-03 07:56 阅读次数: 0

react 获取 dom 节点的信息

import { useRef, useState, useEffect } from "react";const constructionHeight = useRef();const { current } = constructionHeight;const [constructionFormHeight, setConstructionFormHeight] = useState(0);useEffect(() => { if(current) { setCo...
分类: 其他 发布时间: 03-03 07:55 阅读次数: 0

antd 实现 sidebar 左侧菜单·记

import { Menu, Layout } from 'antd';import { DatabaseOutlined, UnorderedListOutlined, HistoryOutlined, TeamOutlined, DeleteOutlined,} from '@ant-design/icons';import { useEffect, useState } from "react";import { Link } from "react-router-...
分类: 其他 发布时间: 03-03 07:55 阅读次数: 0

antd 实现 tab 切换·记

import { Tabs } from "antd";import { useEffect, useState } from "react";import { Link } from "react-router-dom";import './index.less'const { TabPane } = Tabs;const Header = (props) => { return ( <div className="header-tabs"> ...
分类: 其他 发布时间: 03-03 07:55 阅读次数: 0

React useEffect清理:如何以及何时使用它

原文:https://dev.to/otamnitram/react-useeffect-cleanup-how-and-when-to-use-it-2hbm译文如下。React useEffect清理的语法:您是否遇到以下错误?消息很简单。我们正在尝试更改组件的状态,即使该组件已卸载且不可用。Can't perform a React state update on an unmounted component. This is a no-op, but it indicate..
分类: 其他 发布时间: 03-03 07:55 阅读次数: 0

vim 的学习使用

vi 常用命令行1.vi 模式  a) 一般模式: vi 处理文件时,一进入该文件,就是一般模式了.  b) 编辑模式:在一般模式下可以进行删除,复制,粘贴等操作,却无法进行编辑操作。等按下‘i,I,o,O,a,A,r,R’等 字母之后才能进入编辑模式.通常在linux中,按下上述字母时,左下方会出现'INSERT'或者‘REPLACE’字样,才可以 输入任何文字到文件中.要回到一般模式,按下[ESC]键即可.  c) 命令行模式:在一般模式中,输入“...
分类: 其他 发布时间: 03-03 07:54 阅读次数: 0

解决报错:Uncaught SyntaxError: Unexpected token “xxx” in JSON at position 0

首先检查一下你的代码:if(localStorage.getItem("projectInfos")){ console.log(localStorage.getItem("projectInfos"));}如果能打印出值,然后去浏览器的 location 里,看一下里面存储的数据,将数据清空,刷新页面,报错解决。...
分类: 其他 发布时间: 03-03 07:54 阅读次数: 0

antd Select 需要显示 value 但传递给后台的是 key

Select 需要显示 value 但传递给后台的是 key,此时key 和 value 的值不同。该怎么办呢?https://www.jianshu.com/p/c99c520b1159
分类: 其他 发布时间: 03-03 07:54 阅读次数: 0

bootstrap-validation 对表单进行比较全的验证

具体代码实现:<!DOCTYPEhtml><html><head><title></title><metacharset="utf-8"/><metaname="viewport"content="width=device-width,initi...
分类: 其他 发布时间: 03-03 07:54 阅读次数: 0

Compiling and linking error when using NDK r10 to build cocos2d-x v3.2

If you use NDK r10 to build cocos2d-x v3.2, you will meet a compiling error of all tests and linking error of lua tests.compiling errorThe error message is/Users/minggo/SourceCode/coco...
分类: 其他 发布时间: 03-03 07:53 阅读次数: 0

简单实现JFinal注解配置Controller,Model

本人小菜一枚,表达能力也不是很好,哪里写了不好的地方请大神评论下。首先写Controller对映的注解,这里我将其命名为C这个注解现在比较简单些packagenet.zz.annotation;importjava.lang.annotation.*;/***CreatedbyZaoShengon2015/5/24.*/@Retenti...
分类: 其他 发布时间: 03-03 07:53 阅读次数: 0