随笔分类 - React
摘要：<Form.Item label="学生编码" name="stuId" validateFirst={true} // 出错时两个校验分别生效 rules={[ { required: true, message: '学生编码不能为空' }, { validator: (rule, value)
阅读全文
摘要：##问题描述 我正在使用React, react-tiga-swiper做轮播（此处也可替换为其他的轮播组件，解决方案同理），antd的 Image.PreviewGroup做预览。我正在尝试创建一个包含卡片列表的页面。在每张卡片中，都有一个图像轮播。我希望当用户单击图像时，预览会打开，他们可以滑动
阅读全文
摘要：##为什么要改node_modules？ 在平常的开发中，其实是很少需要改 node_modules 里的代码的。但是如果npm包有点小问题或者不符合我们的场景。 那我应该怎么改才能是最好的呢？ ##方法一：直接改 这种很好懂，就是直接进 node_modules 中，找到那个包的代码，并修改对应的
阅读全文
摘要：##问题 运行项目的时候，经常会有一大片错误 Could not freeze ./src/web3/address.js: Cannot read property 'hash' of undefined HardSourceWebpackPlugin是webpack的插件，为模块提供中间缓存步骤
阅读全文
摘要：##一、安装react+ts npx create-react-app my-app --template typescript ##二、安装eslint代码检测 yarn eslint npx eslint --init eslint初始化后会出现三个项目，根据项目而定 1、使用什么样的eslin
阅读全文
摘要：react-rnd 是一个React 组件库，可以提供一个可调整大小与可拖拽的组件。  ###一、安装 使用 n
阅读全文
摘要：Warning: Can't perform a React state update on an unmounted component. This is a no-op, but it indicates a memory leak in your application. To fix, ca
阅读全文
摘要：最近在做react组件间传参的时候，遇到了一个问题，就是在父组件中通过调用异步函数修改了某一参数值，将其传递给子组件后，在子组件的componentDidMount()函数中获取到的仍然是未修改之前的值。 首先在父组件中定义参数初始值： constructor(){ super(); this.st
阅读全文
摘要：问题： 解决： 经过百度，发现是 webpack 的新版本的BUG，解决方法就是卸载新版本，安装老版本。 以上就可以解决了。目前确定是 webpack-dev-server@2.10.0 的 BUG。在其发布新版本解决问题之前，先安装老版本解决问题吧。 运行命令： npm remove webpac
阅读全文
摘要：1、params传参(刷新页面后参数不消失，参数会在地址栏显示) params传参(单个参数) 路由页面： <Route path='/demo/:id' component={Demo}></Route> //注意要配置 /:id 路由跳转并传递参数： 链接方式：<Link to={'/demo/
阅读全文
摘要：问题 因为一些原因，本地host 需要绑定一个域名，然后通过绑定的域名访问项目，但是页面会报过Invalid Host header。 解决 新版的webpack-dev-server增加了安全验证，默认检查hostname，如果hostname不是配置内的，将中断访问。在build文件中webpa
阅读全文
摘要：报错信息 查看路由版本 使用路由版本是4.2.2的,然后我测试所有4.0+版本都会出现以上警告。 问题解决前代码 问题解决后代码 我又解读了一下报警告内容的大致意思：就是props需要通过函数返回而不是对象。那是不是可以换种写法把props当作参数传递给路由呢。然后就尝试了一下props传的方式。果
阅读全文
摘要：首先指出一点，Redux的reducer是浅复制。冲掉的原因，是因为浅复制没有放在更新数据前，把...state放在前面就好了。 Redux作者DanAbramov推荐用Object.assign()and...spread浅复制来在reducer中更新状态： 所以浅复制实现方法： 原生方式： va
阅读全文
浙公网安备 33010602011771号