文章分类 - React
摘要：papaparse使用踩坑 使用fetch(filepath)读取文件 注意：代码中result.value 和result只用了其中一行。 import Papa from 'papaparse'; async function fetchCsv() { const response = awai
阅读全文
摘要：背景 今天在开发的时候发现直接访问 “/requestRecords/:id” 会显示 “cannot GET /URL” 错误，但是如果先访问 “/requestRecords” 页面再点击某条记录通过Link组件进入 “/requestRecords/:id”就能成功，不过刷新后还是报错。这其实
阅读全文
摘要：背景 当组件因为父组件的重新渲染而导致组件更新时，我想要执行一些更新state的操作。 解决方案 这时候我就不能在组件的componentDidUpdate里面操作，所以我把setState的操作放在了componentDidMount里面（突然想起来，我还可以在constructor里操作，噢我真
阅读全文
摘要：操作步骤： 安装插件 npm i --s react-router react-router-dom 这里安装的版本是v6，各位安装后要注意版本，因为后面代码的写法v5和v6版本的不一样。可以根据自己的插件版本找代码参考。 路由对象 // 引入组件 import App from "../compo
阅读全文
摘要：对于未知高度的盒子，如何实现展开收起的transition过渡效果 我们经常碰到一种情况，点击某个按钮需要对某个盒子的内容进行展开收起，很多时候我们会用display:none | block;实现其内容的出现和消失。但这个办法做出来的视觉效果很生硬，这时候我们就想用transition做过渡动画的
阅读全文
摘要：今天说一个在移动端可移动浮标按钮的react实现 中心思想就是利用浮标的left、top样式来控制浮标移动。 HTML代码： <div id="ballId" onTouchStart={(e) => { e.stopPropagation(); }} onTouchMove={(e) => { e
阅读全文
摘要：现象： 今天在写react的时候发现一个奇怪的现象，每次我点击按钮之后，数据会更新，接着页面也刷新了，导致我更新的数据回到初始化状态（因为data数据存在state里面，所以页面刷新，data也会重新初始化）。 原因： button写在form表单里面，form表单提交会默认刷新页面。 <form>
阅读全文
摘要：报错：Cannot read properties of undefined (reading 'props') 原因：点击按钮调用父组件的add方法控制台报错，错误发生在子向父传值（子组件修改父组件的值）的过程中。是this指向不正确导致。 错误代码： 子组件代码 这里发现this打印出来是und
阅读全文
摘要：chrome中input默认样式 - border-style ：inset 今天在自定义input样式的时候发现，chrome浏览器下input的上和左边框像有阴影一样，跟另外两个边框不太一样，最后排查发现是border-style:inset的问题，这是个3D样式效果，只需要修改为：border
阅读全文
摘要：写过scss和css的都知道，scss可以嵌套样式选择器，感觉更符合写代码的逻辑和思维。所以我也是更愿意在项目里引用scss的。下面简单介绍下引入的步骤和引入踩的坑。 引入步骤 1、安装node-sass、sass-loader npm i node-sass@4 sass-loader@10 -d
阅读全文
摘要：我的react项目搭好啦，感觉可以开始写代码了。下面是完整的配置和内容代码，我把认为比较有用的部分贴出来，欢迎大家指教～ 目录： package.json配置： 1 { 2 "name": "my-react-project", 3 "version": "1.0.0", 4 "descriptio
阅读全文
摘要：现象：本地有改动，却提示已经是最新的代码了，提交不上去：git Everything up-to-date 原因：没写commit 解决：push前把commit信息写上
阅读全文
摘要：报错1: Unsupported option "rsaauthentication" 解决： 删掉或注释掉项目config文件里面的 RSAAuthentication yes 报错2: fatal: Could not read from remote repository. ERROR: Pe
阅读全文
摘要：有时候需要写一些小demo，又想存起来又不太好用公司的git账号，所以就想要在一台电脑上用两个git账号。下面是我创建ssh key以及提交代码的详细教程和坑。 一、一台电脑两个git（以下均为终端命令） 1.生成新的SSH Key ssh-keygen -t rsa -C 'personal@em
阅读全文
摘要：由于我在 index.html 文件中引入 main.js 出现了各种失败，所以我决定换 webpack4 和 webpack-dev-server4 了，不知道脑子想什么之前用的是 webpack5 和 webpack-dev-server4 组合。 先来讲讲我的失败历程。 报错 1: Uncau
阅读全文
摘要：使用npm run server启动报错： [webpack-cli] Invalid configuration object. Webpack has been initialized using a configuration object that does not match the AP
阅读全文
浙公网安备 33010602011771号