React.js 基础理论实操

紧接上一篇代码，本篇我们用 React 动画的**第三方模块** [react-transition-group](https://reactcommunity.org/......

❗️为了便于讲解，请将代码切换至《React 初识——③ React 中的组件和 JSX 初识》的版本！......

在本篇之前的系列文章中，我们分别用实例详细介绍了 React 和 Redux。用心跟下来的你，肯定已经区分出了它们的不同！......

❗️注意：为了便于讲解，请将代码恢复至《Redux 进阶——② Redux 中发送异步请求获取数据》中的版本！ 1️⃣在 GitHub 中找到......

❗️注意：为了便于讲解，请将代码恢复至《Redux 进阶——② Redux 中发送异步请求获取数据》中的版本！ 1️⃣在 GitHub 中找到......

“中间件”顾名思义肯定是“谁”和“谁”的“中间”。 先给出结论：**Redux “中间件”**对应的就是**“Action”和“Store”之间**。 但......

紧接上篇代码，我希望发送一个 AJAX 请求，并将获取到的数据放到 TodoList 列表项里。<br> 🔗前置知识：《React 进阶——⑧ React 生命周期函数（下）：巧用......

紧接上篇代码，请自行打开 `TodoList.js` 文件。 这个组件里边包含了很多内容，但在实际代码编写过程中，这种把“**如何渲染**”和“**逻辑执行**”放在一起的编码方式，会给后期代...

之前的代码中，由于只是很简单的需求实现，故将 action 的具体实现“逻辑”，分散在了各个业务逻辑里。 但在稍微复杂点的实际项目中，我们一般会通过 actionCreator 来统一地......

紧接上一篇代码（请自行打开编辑器查看代码），我们可以很明显地看到： * 在 `TodoList.js` 文件中，需要不断地派发 `action` 。然后，每个 `action` 又有......

1️⃣在开始本篇之前，我们先去下载并安装一个 Chrome 的插件——Redux Devtools，以帮助我们进行 Redux 项目的开发和调试......

1️⃣首先，在项目中安装 Redux： 2️⃣接着，在 `src` 目录下创建一个“文件夹” `store` ，并在 `store` 文件夹下创建一个“文件” ......

Antd 在开发一些“后台管理工具”时用的非常多，我们可以用它很迅速地开发出一个很漂亮的后台页面。 💡考虑到后边的实战阶段为“用户端”项目，也因时间问题，本篇我们仅简单使用 Antd......

通过前面文章的学习，我们算是入了 React 的门，可以做一些小的效果了。 但是，正如之前的文章所讲，React 只是一个“**视图层**”框架。如果我们想做一个大型应用......

❓紧接上一篇的代码，我们有一个新的需求： 我希望通过 AJAX 从一个“接口上”请求一个远程的数据（远程数据里边包含了 TodoList 的一些内容），然后把请求到的“远程数据”加载到本地，并

1 为什么只有 `render` 函数需要我们自己定义 ❗️为了便于讲解，请将 TodoList 里的代码同步至《React 入门：⑥ TodoList 代码优化》中的版本......

1 Initialization “生命周期函数”是指：**在某一时刻，“组件”会自动调用并执行的函数**。 “生命周期函数”是针对“**组件**”而言的，**每一个**“组件”都可以有.....

ref 是 reference 的简写，其含义为“引用”。 ❗️在 React 中，我们可以使用 ref 来获取 DOM 元素。一般情况下，我们尽量不要去使用 ref，但有时我们会接触到一些

紧接上一篇文章： 5. 当数据 state 发生变化 ```javascript this.state = { content: "hello, qdywxs." }; ```

上篇文章，我们清楚地理解了：当组件的 `state` 或者 `props` 发生改变的时候......