写在前面 在 React 中，定义组件的方式有两种，一个是 class 类组件，一个是函数组件。class 类组件的实现相比于函数组件要复杂。 1. return React 元素 React 组件必须是返回 React 元素的物件，因此无论是函数组件还是类组件都必须有 return ...

我们都知道定义组件有两个要求： 组件名称必须以大写字母开头 组件的返回值只能有一个根元素 什么是函数组件▼ 函数组件接收一个单一的 props 对象并返回了一个React元素，如下图 ...

一、react组件的两种定义方式 1、函数组件，简单的函数组件像下面这样，接收Props，渲染DOM，而不关注其他逻辑 function Welcome(props) { return <h1>Hello, {props.name}</h1>;} 函数组件无法使用 ...

背景 之间在一篇介绍过 Table 组件《 React 实现一个漂亮的 Table 》 的文章中讲到过，在企业级后台产品中，用的最多且复杂的组件主要包括 Table、Form、Chart，在处理 Table 的时候我们遇到了很多问题。今天我们这篇文章主要是分享一下 ...

吸筹分时的细节揭秘 前几日在淘股吧发帖收集问题，发现大家还是对吸筹分时的掌握不够熟练，还有不少混沌的地方，那今天这篇文章就专门来讲讲吸筹分时的细节问题，也是冲击波的细节研究。 冲击波的定义：冲击波是由主力大单持续间歇性的投入而造成的波形。持续是指主力在一段时间内的连续投入，间歇是指单与单之间 ...

在开发过程中，经常遇到组件数据无法更新，例如：当你用同一个表格展示不同数据的时候，当点击第5页后，再点击另外一份数据时发现还在第五页，并没有回到第一页。 怎么能让一个组件每次数据不一样时都重新加载呢，这样可以使用组件中的 key 值设置，给对应需要更新的组件设置一个 key 属性，key ...

两种创建组件方式的对比 注意：使用class关键字创建的组件，有自己的私有数据（this.state）和生命周期函数； 注意：使用function创建的组件，只有props,没有自己的私有数据和生命周期函数； 1.用构造函数创建出来的组件：叫做无状态组件【无状态组件用的不多】 2. ...

前言 　　在一个典型的 React 应用中，数据是通过 props 属性自上而下（由父及子）进行传递的，但这种做法对于某些类型的属性而言是极其繁琐的（例如：地区偏好，UI 主题），这些属性是应用程序中许多组件都需要的。Context 提供了一种在组件之间共享此类值的方式，而不必显式地通过组件树 ...