![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
react
cautionHua
喜欢做自己喜欢的事情,希望跟更优秀的人一起变的优秀
展开
-
实用react防抖
代码】实用react防抖。原创 2022-08-11 19:34:45 · 277 阅读 · 1 评论 -
加了key为何还报Each child in a list should have a unique “key“ prop
devScripts.js:5836 Warning: Each child in a list should have a unique "key" prop.Check the top-level render call using <div>. See https://fb.me/react-warning-keys for more informationin Fragmentin Unknown (created by Context.Consumer)in Route (c原创 2021-12-16 16:01:56 · 1647 阅读 · 0 评论 -
[antd: Checkbox] `value` is not a valid prop, do you mean `checked`?
结构:<Checkbox value={'1'}>保存</Checkbox>devScripts.js:5836 Warning: [antd: Checkbox] `value` is not a valid prop, do you mean `checked`? at InternalCheckbox (http://localhost:8000) at div at div at form ........爆出这个问题的时候原创 2021-11-24 17:31:09 · 3818 阅读 · 0 评论 -
如何在浏览器中获取到接口的Response Headers的数据
记录一下今天在不同的框架中怎么获取到浏览器接口中的Reasponse Headers中的数据。一、React项目中export() { return request(`/api/vitroFree/onePartNotRegist/${companyId}/export`, { method: 'GET', headers: { 'Content-Type': 'application/json' }, responseType: 'blob' |原创 2021-09-23 16:21:07 · 2116 阅读 · 0 评论 -
React上传组件限制上传文件问题
当有测试小姐姐陆续跟我提xxx后缀的文件无法正常上传的时候,我们可能就陷入了,怎么可能********…。1. 直面问题我们一开始固定的想法就是使用type来进行文件类型的判断,这是毫无疑问的,不判断类型判断个啥对吧!我后来发现这个type可能会受到多种因素的影响,导致type值在不同的地方有不同的表现,举个例子吧,就比如上传一个.zip后缀的文件,在我win10系统中的type值是application/x-zip-compressed,而在mac系统中的type值是application/zip,通原创 2021-09-17 10:26:05 · 712 阅读 · 0 评论 -
在react项目中配置上less预编译处理语言可行方案
less和sass的用法基本上都差不多,我个人还是比较习惯使用less,所以就在项目中配置了一个less。如果你是使用create react-app的话,会默认配置一个sass这个玩意,只需要安装一下就可以使用了。使用yarn eject或者npm run eject都可以将webpack.config.js文件暴露出来,执行完此命令在根目录下会多出config和scripts文件夹,在config文件夹下可以找到webpack.config.js配置文件。执行以上操作后,找到以下配置信息// s原创 2021-04-22 11:38:21 · 192 阅读 · 0 评论 -
react中点击报Cannot update during an existing state transition跳转出错
在写react项目的时候遇到一个这样的报错,根据提示信息我试着将写在render方法中的路由跳转写到了事件函数中,就解决了该问题。index.js:1 Warning: Cannot update during an existing state transition (such as within `render`). Render methods should be a pure function of props and state.<Button onClick={ this.props原创 2021-04-20 16:45:21 · 345 阅读 · 0 评论 -
在react项目中调用百度地图API的BMap后报错解决方案
我这里是使用了react+typescript技术栈,在./public/index.html文件中引入百度地图项目的文件,就相当于是全局导入了,但是并不能直接使用相关的API。<script type="text/javascript" src="http://api.map.baidu.com/api?v=3.0&ak=应用的key"></script>需要在使用的文件中这样声明一下,然后就可以直接使用了。const wins:any = window;cons原创 2021-04-20 16:41:46 · 1163 阅读 · 0 评论 -
React中的Render Props模式
Render Props是一种react组件之间使用prop数据共享的简单技术,是一种开发时可以使用到的一种技巧,可以实现组件的高可复用性。假设我们有一个需求,需要获取到鼠标在页面中的一个位置,我们可能会这么写:interface StateInterface{ x:number, y:number}class Mouse extends React.Component<any,StateInterface>{ constructor(props:any){原创 2021-04-20 16:37:17 · 170 阅读 · 0 评论 -
react项目中报“Cannot update during an existing state transition“问题解决
在react项目中遇到一个这样的报错,根据提示信息我试着将写在render方法中的路由跳转写到了事件函数中,就解决了该问题。大致的意思在跳转的时候不能在render方法中更新props或state,只要避免这么干就不会出现问题,index.js:1 Warning: Cannot update during an existing state transition (such as within `render`). Render methods should be a pure function of原创 2021-04-15 10:34:59 · 1736 阅读 · 0 评论 -
React之context数据传值
在react中,组件的传值方式一般都是通过props属性来进行传递数据的,对于简单的组件来说是适用的,但是对于一些极其复杂的组件来说是非常致命且难以维护的,Context就提供了这样的一种解决方案,不用通过组件一层一层的向下传递到指定的组件中。一、简单示例在以下的示例代码中,将会简单的展示如何使用一个context,例子中用了PageComp、Comp01、Comp023个嵌套组件来实现这样一个需求,从最高层级的PageComp组件中将数据传递给Comp02中并展示出来,按照以往传统的做法是通过prop原创 2021-04-13 17:18:14 · 710 阅读 · 0 评论