糖衣

前端技术日新月异，新的框架和工具层出不穷。今天，我将与大家深入探讨两个在前端开发中备受瞩目的技术：Headless组件和Tailwind CSS。它们各自在前端领域有着独特的价值和影响力，结合起来更是能够为我们带来前所未有的开发体验。接下来，我将为大家介绍它们在实际应用场景中的表现。

Redux 默认并不包含 React 绑定库，需要单独安装。Redux 的 React 绑定包含了 容器组件和展示组件分离 的开发思想。因此应该在最顶层组件（如路由操作）里使用 Redux。其余内部组件仅仅是展示性的，所有数据都通过 props 传入。在复杂的应用中，也有可能会有多个容器组件。虽然可以嵌套使用容器组件，但应该尽可能的使用传递 props 的形式。

1、setState 方法易犯错点。setState 不会立即改变 React 组件中的 state 的值。setState 通过引发一次组件的更新过程引发重新绘制。多次 setState 函数调用产生的效果会合并。2、setState 方法  在 React 中，一个组件要读取当前的状态只需要访问 this.state 属性，但是更新状态需要调用 this.setState() 方法。//

本文使用 React 实现轮播图组件。在该轮播图中，将使用到三个组件：ImgSlides 轮播图的顶层组件，用于状态控制；ImgFigure 图片组件，用于接收顶层传来的状态，并显示相应的图片；ControllerUnit 控制组件，用于控制图片的显示。

  在React中，我们可以将数据保存在 props、state、store 或者 this 中，但是为了更好的管理数据，我们应该正确的存储数据。 本文大部分为翻译自Where to Hold React Component Data: state, store, static, and this1、props  我们先从最简单的没有争议的 props 说起。   在 React 中 ...