react
研究生阶段做的react项目
辰景
这个作者很懒,什么都没留下…
展开
-
git commit报错subject may not be empty
rt,git commit的时候报错subject may not be empty,其实是husky的问题,husky是用来规范commit提交内容,如果嫌麻烦,可以直接npm uninstall husky。https://stackoverflow.com/questions/68261650/strange-error-when-attempting-to-commit-subject-empty大家的讨论https://zhuanlan.zhihu.com/p/36860301这个文章讲的不错,可原创 2022-06-14 17:22:58 · 1802 阅读 · 1 评论 -
splice更新数组后react不刷新
今天写项目的时候遇到了一个比较经典的问题,splice删除数组中的某个元素后,调用setState,但是页面并没有刷新。记录一下:removeEntities = (entities) => { const { arr } = this.state; arr.map((item, index) => { if (item === entities) { arr.splice(index, 1); this.setState({原创 2022-04-25 16:34:40 · 955 阅读 · 0 评论 -
useEffect和useLayoutEffect
今天写代码的时候,遇到了一个问题,该问题总结起来可以就是,一个函数组件中,有useLayoutEffect,有useEffect,useEffect中有卸载函数return,那么,在组件第一次加载的时候,useLayoutEffect、useEffect、useEffect.return的执行顺序是什么?组件更新的时候,执行顺序又是什么?要弄清楚这个问题,需要去查阅官方文档,我们看看官方文档怎么说。useLayoutEffect:1.它会在所有的 DOM 变更之...原创 2022-04-17 13:06:30 · 1541 阅读 · 0 评论 -
React页面不刷新
今天写实验室的react项目,其中一个state为数组(看到state为数组就要小心,有很多坑!!!)对数组进行操作之后,页面竟然不刷新。反复折腾之后,精简成了以下代码:import React, { Component } from 'react'import { Table, Tag, Space } from 'antd';import "./App.css"export default class App extends Component { state={ a:[]原创 2022-03-03 22:48:50 · 2036 阅读 · 0 评论 -
PWA引发的一系列问题
今天新建一个react项目,初始化完成,npm start,竟然蹦出来这个界面:what fuck?react为什么会输出这个,然后我以为是这个项目出错了,又新建了一个项目,没想到还是这样。。。。冷静下来想想,分析一下原因,界面上明明白白的hellowebpack,肯定是我上学期学webpack时留下的问题,可会在哪里出问题呢?看了看控制台的输出,一切正常,只是有如下信息:主要的就是static/ 以及bundle.js,让我更加坚定是webpack留下的问题,然后去查询为什么会出.原创 2022-03-03 20:51:36 · 477 阅读 · 0 评论 -
Js中window与document对象的区别
这篇文章讲的很好:https://blog.csdn.net/xiaogangblog/article/details/100043558原创 2022-02-27 17:37:53 · 47 阅读 · 0 评论 -
react子组件不渲染
今天在写代码时,发现父组件中的state更新了,传递给子组件,但是子组件并没有更新,带着疑惑,上网查了查,发现了问题所在。先看看网上怎么说的:参考链接:https://www.jianshu.com/p/d62bbb598360我的问题出在哪里呢?第一条,我的子组件并没有直接使用props,而是先把props转换为子组件的state,然后使用了state,因此导致了子组件不更新。为什么?react关于state的规定,就是说state是本组件自己产生和管理的状态,props得来的数.原创 2021-10-25 01:56:57 · 1419 阅读 · 0 评论 -
Maximum update depth exceeded. This can happen when a component repeatedly calls setState inside com
最近进入了项目组,把之前的代码拉了下来,前段时间大致看了看。上周学长让我把项目里面的一些老东西给改一改,比如一些string的ref,以及一些即将废弃的生命周期函数,例如:componentWillReceiveProps,componentWillMount等等ref修改的很顺利,但是生命周期函数修改的很麻烦,因为一些函数componentWillReceiveProps,componentWillMount等等,是无法找到完美替代的新的生命周期函数的,新推出的getDerivedStateFro原创 2021-10-06 16:17:56 · 6008 阅读 · 0 评论