随笔分类 - react
react框架相关内容
摘要：https://blog.csdn.net/b954960630/article/details/88766222
阅读全文
摘要：项目时，我犯了一个错误。Header我没有设置路由，作为工作组件，然后想在Header组件内部根据路由，隐藏Header，但是因为Header没有用Route包裹，也没有用withRouter，其内部是接受不到this.prop.match,this.prop.location,this.prop.
阅读全文
摘要：<div dangerouslySetInnerHTML={{__html:article.get("articleContent")}}></div>
阅读全文
摘要：即打开一个网站，只会请求一次html文件，无论你如何点击跳转，都不刷新页面。 一个普通有url地址的a标签，你点击一下，就会重新请求href后面的地址（即使配置了Route路由），重新返回一个html文件，刷新页面。会比较耗费性能。 <a href="/detail"> 多页面应用程序：例如简书，打
阅读全文
摘要：react中的css在一个文件中导入，是全局的，对其他组件标签都会有影响。 使用styled-components第三方模块来解决，并且styled-components还可以将标签和样式写到一起，作为一个有样式的组件，这样样式就是这个组件的私有样式，不会给其他组件造成影响，也很方便。 下包： np
阅读全文
摘要：react中可以通过state状态值来控制类名，来达到动画效果 父组件代码： import React from 'react'; import SubComponent from "./subComponent" import "./app.css" class App extends React
阅读全文
摘要：知识点1：每次render其实就会将jax的模板生成一个虚拟dom，跟上一个虚拟dom进行比对，通过diff算法找出不同，再更新到真实dom上去。 1性能优化 每次父组件render一次（除了第一次初始化），子组件同样进入更新过程，但是若父组件给子组件传递的属性值没有变化，那么子组件render函数
阅读全文
摘要：初学react的时候我有一个误区，以为父组件render的一次，会将子组件先卸载，再将子组件重新初始化，事实证明不是。 这是对react生命周期函数不太清楚。 父子组件都初始化后，父组件再render一次，子组件实际上进行的是声明周期函数中的updation更新过程。 其实也很好理解这个生命周期函数
阅读全文
摘要：生命周期函数定义：在某一时刻组件会自动调用执行的函数 四个过程： 1.初始化过程就是constructor构造函数，生命周期中只执行一次。 2.Mounting挂载过程：componentWillMount->render->componentDidMount, 组件初始化后就会执行一次（生命周期中
阅读全文
摘要：装两个包 npm install --save less less-loader 在node-modules/react-scripts/config/webpack.config.js中 在大概58行sass校验规则的下面，配置less规则 const sassRegex = /\.(scss|s
阅读全文
浙公网安备 33010602011771号