写这个文章也算是实现19年的一个 flag，研究一个知识点并且把自己的理解整理成文分享出来。也正好在公司内部进行了一次分享，趁还算热乎赶紧的整理下来。
原创
2022-02-28 17:56:53
88阅读
react——样式——过渡动画组件——结合animate库
原创
2022-09-27 13:45:31
241阅读
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>复合式组件设计</title> <script src="../build/react.js"></script&
原创
2022-06-30 16:16:33
20阅读
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>组件的状态机制</title> <script src="../build/react.js"></script&
原创
2022-06-30 16:16:48
34阅读
一个订阅好友在线的组件 我们在DidMount的时候通过ID订阅了好友的在线状态，并且为了防止内存泄漏，我们需要在WillUnmount清除订阅 但是当组件已经显示在屏幕上时，friend prop 发生变化时会发生什么？ 我们的组件将继续展示原来的好友状态。这是一个 bug。而且我们还会因为取消订
转载
2020-11-23 18:21:00
282阅读
2评论
1.函数组件创建：在SRC目录中，创建一个 xxx.jsx 的文件，就是要创建一个组件；我们在此文件中，创建一个函数，让函数返回JSX视图「或者JSX元素、virtualDOM虚拟DOM对象」；这就是创建了一个“函数组件”！！
调用：基于ES6Module规范，导入创建的组件「可以忽略.jsx后缀名」，然后像写标签一样调用这个组件即可！！
... 调用组件的时候，我们可以给调用的组件设置(传递)
原创
2023-06-10 10:17:46
228阅读
这2个单独各自的实例，前面几篇都有详细记录 是滑到哪个幻灯片，点击该幻灯图片就出现灯箱，并且从该图片开始展示在react-image-gallery中利用
原创
2021-07-12 09:39:55
267阅读
简单组件 和 复杂组件 的概念如果组件有state（状态）属性，就是复杂组件。如果没有state（状态）属性，就是简单组件。state、props、refs是组件实例的三大核心属性，在之后会逐一进行详细地讲述，不了解者可以先跳过，之后再来回看下述内容。函数式组件function App() {
return <h1>我是一个函数式组件</h1>
}以上App函数式组
转载
2024-03-03 22:30:44
41阅读
Vue 的 Keep-Alive 组件是用于缓存组件的高阶组件，可以有效地提高应用性能。它能够使组件在切换时仍能保留原有的状态信息，
原创
2024-08-09 16:26:39
156阅读
重新设计 React 组件库
诚身
7 个月前 在 react + redux 已经成为大部分前端项目底层架构的今天，让我们再次回到软件工程界一个永恒问题的探讨上来，那就是如何提升一个开发团队的开发效率？ 从宏观的角度来讲，其实只有良好的抽象才能真正提高一个团队的开发效率，而囿于不同产品所面临的不同业务需求，当我们抽丝剥茧般地将一个个前端工程抽象到最后一层，那么剩下的其实就只有
转载
2024-08-26 10:07:51
61阅读
react的目的是将前端页面组件化，用状态机的思维模式去控制组件。组件和组件之间肯定是有关系得，通过合理得组件设计，给每一个组件划定合适得边界，可以有效降低当我们对页面进行重构时对其他组件之间得影响。同时也可以使我们得代码更加美观。1、高耦合低内聚。高耦合：将功能联系紧密得部分放到一个容器组件内对外暴漏出index.js，目录结构如下:├── components│ └── App└── inde
转载
2023-07-14 13:40:39
117阅读
一、组件的几种创建方式对于React来说组件Component算是它的核心之一。用了React的时间也不短了，记录一下以便以后翻看1 createClass用ES5的方法React.createClass来创建一个组件import React from 'react';
class Test = React.createClass({
render(){
return(
转载
2024-04-06 21:54:25
36阅读
目录前言导语父子组件调用父组件第一步第二步子组件数据演示功能要点 1演示效果功能要点2演示效果功能要点3演示结果总结前
原创
精选
2023-12-08 08:04:08
238阅读
React组件 React组件介绍 组件是React的一等公民,使用React就是在用组件 组件表示页面中的部分功能 组合多个组件实现完整的页面功能 特点：可复用、独立、可组合 React组件的两种创建方式 使用函数创建组件 函数组件：使用JS的函数（或箭头函数）创建的组件 约定1：函数名称必须以大 ...
转载
2021-08-02 01:13:00
206阅读
2评论
React轻巧源于React组件的思想。就像没有函数的概念之前，计算一个长方形的面积，每次都是相同的计算长和宽的乘积，然后输出。React允许我们自定义组件，在以后的工作过程中，我们想渲染不同的组件，都可以自定义，通过render函数返回DOM元素节点。React组件示例：<!DOCTYPE html><html> <head> &...
原创
2021-07-28 09:50:19
229阅读
一、组件执行的生命周期： 1、初始没有改变state、props 的生命周期：render 2、改变 state 后的生命周期： a、父组件的 state 改变：render、【子组件的 componentWillReceiveProps、子组件对应父组件这4个周期函数】、componentDidUpdate父组件的的s
转载
2024-05-07 18:58:03
243阅读
实例 <div id="example"></div> <script type="text/babel"> function HelloMessage(props) { return <h1>Hello World!</h1>; } const element = <HelloMessage /> ...
转载
2021-06-23 00:49:00
222阅读
2评论
