![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
react
茂茂睡不醒
defined but never used
展开
-
javascript中格式化时间,时间戳与时间相互转化,显示为年月日时分秒星期
javascript中格式化时间,时间戳与时间相互转化,显示为年月日时分秒星期原创 2022-11-09 16:01:40 · 819 阅读 · 0 评论 -
React中的useSelector+useDispatch
React中的useSelector+useDispatch我们都知道,Vue中的Vuex是Vue提供的一个全局性的状态管理仓库和工具,通过Vuex,很多事情就可以不调用接口和传值,只需要调用仓库去使用即可。那么在React中也有这样的状态管理仓库,它叫Redux。当函数式组件要使用 redux store 时调用useSelector+useDispatch这两个钩子函数。例子:首先建立 redux store. 一个App 只能有唯一一个 redux store。此文件是一个手动建立的文件,这样原创 2022-04-25 10:34:31 · 2418 阅读 · 0 评论 -
pc端网页唤起本地的咚咚和千牛
前段时间接手了一个需求,需求大概就是pc端的产品需要做一个点击按钮唤起咚咚和千牛,并且需要打开对应的顾客聊天窗口。当时接到这个需求人都不好了,大牛们都没接触过这个需求,不知道咚咚和千牛的协议,去看淘宝和京东开发平台的文档也没发现什么有用的,然后就一直考古呀考古。。。最后还是实现了,代码如下:先来介绍唤起咚咚的window.location.href = `aliim:sendmsg?touid=cntaobao${buyerName}&uid=cntaobao${val......原创 2022-04-24 19:49:36 · 2304 阅读 · 0 评论 -
react中的useMemo和useCallback
react中的useMemo和useCallback原创 2022-03-28 10:34:38 · 1531 阅读 · 0 评论 -
react如何让ant中select组件失去焦点
react如何让ant中select组件失去焦点我们在开发时,经常遇见很多定制化的需求,这里我讲一下我处理select组件失去焦点的方法首先,我使用的是函数式组件,介绍到一种东西叫做ref,相信大家应该都知道。它可以在dom节点上使用,可以引用真实的dom节点我们给select组件一个ref属性然后定义一下seleRef在对其进行使用时,只需即可调用当前组件dom的方法...原创 2022-03-17 15:01:16 · 2714 阅读 · 0 评论 -
关于react中的ref
关于react中的refref有3种用法:字符串dom节点上使用,通过this.refs[refName]来引用真实的dom节点<input ref="inputRef" /> //this.refs['inputRef']来访问回调函数React 支持给任意组件添加特殊属性。ref 属性接受一个回调函数,它在组件被加载或卸载时会立即执行。当给 HTML 元素添加 ref 属性时,ref 回调接收了底层的 DOM 元素作为参数。当给组件添加 ref 属性时,ref 回调接收当前原创 2022-02-17 19:29:45 · 248 阅读 · 0 评论 -
关于React中useRef
ref有3种用法:字符串 dom节点上使用,通过this.refs[refName]来引用真实的dom节点<input ref="inputRef" /> //this.refs['inputRef']来访问回调函数 React 支持给任意组件添加特殊属性。ref 属性接受一个回调函数,它在组件被加载或卸载时会立即执行。当给 HTML 元素添加 ref 属性时,ref 回调接收了底层的 DOM 元素作为参数。 当给组件添加 ref 属性时,ref 回调接收当前组件实例作为参原创 2022-02-17 19:24:53 · 588 阅读 · 0 评论 -
React函数式组件使用ant表单中的重置表单功能
React函数式组件使用ant表单中的重置表单功能我们在使用react+ant组件开发的过程中,会遇见一种情况,就是我们在使用ant的表单的时候,想要在其他的处理函数之中去将表单的值给清空,那这个时候怎么办呢。我们就需要引入form从ant中。然后调用form里面的useform方法。然后在表单里面给他绑定进去。最后我们直接调用其提供的api即可。...原创 2021-11-18 16:36:31 · 1935 阅读 · 0 评论 -
umi.request获取响应头headers里面的内容
umi.request获取响应头headers里面的内容我们在日常开发中,难免会遇见需要使用服务器时间的场景,这个时候,如果去服务端写哥时间time.Now()函数获取当前的时间,再包在请求处理函数里面返回给前端那么会非常的麻烦,那么,怎么办呢?我们打开控制台的network看一下在请求的标头里面,响应头中,是函数个参数名叫date的参数,它是本条请求发送到服务器,服务器返回时所记录的时间,但是!请注意!,这里的date时间时世界时间,也就是说,这个时间不是北京时间,不能直接拿来用,需要进行转换。原创 2021-10-22 15:20:23 · 5351 阅读 · 0 评论 -
react中子组件向父组件传值
react中父子通信传值我们在日常开发中,使用react框架难免会遇见多个组件之间互相传值的情况出现,那么我们这个时候应该怎么去处理呢。这里我就要分享以下父子传值的方式。首先大概说一下思路吧,我们想要子组件传一个值去父组件,那么,这个时候我们就可以这样去实现,首先让父组件定义一个方法函数,然后这个方法函数在子组件中去定义,这样就可以把方法传到子组件,然后子组件用props.方法名去接收,并且将想要传上的值传进函数里面,然后父组件的函数体内用形参去接受一下,这样就实现的子组件向父组件传值。下面截图示例原创 2021-09-23 11:47:08 · 2521 阅读 · 0 评论 -
react中为什么建议给setstate传入一个函数而不是对象
因为在setstate中,props和state可能会异步更新,也就是说,对相同的变量进行处理的时候,会将这多次处理合并为一个,这个是批处理;而如果传入函数,那么会进行链式调用,这个函数会被react加入到一个执行队列中,函数中的代码会依次执行。然后给大家看一个例子这里呢function打印为2obj打印为1...原创 2021-09-19 11:13:21 · 1388 阅读 · 0 评论