醒途

本篇主要内容为 React 组件化基础，组件化基础共三篇，如下：组件类型介绍和参数传递组件插槽 slot 和组件状态（本篇）组件生命周期函数和上下文React - 插槽插槽在 Vue 和 React 中的作用都相同：写在元素标签内部的代码，会被作为默认插槽，置放在你希望插入的地方​如果 Vue 使用的惯了，我们一定就习惯了使用 v-slot 为组件添加插槽​刚开始换到使用 React 时，我还纳闷许久怎么没有 slot API 呀？​这还搞个锤子！emmm 当然后来就是真香了。。

上篇 主要拓展了 JSX 表达式的使用示例本篇主要内容为 React 组件化基础，组件化基础共三篇，预告如下：组件类型介绍和参数传递组件插槽 slot 和组件状态组件生命周期函数和上下文React - 组件介绍组件化是前端页面快速搭建的核心，是现代前端领域必要掌握的基础技术​简要来说就是把页面某块区域进行代码剥离（模板、样式、行为逻辑）​该区域代码集中写在一个地方进行管理，这个动作即是：组件封装如此也使得该块区域代码与整个页面代码没什么代码交杂糅合即减轻甚至解除了该块代码和页面

上篇主要和大伙唠了下面几点：React - All In JavaScript 旨意React - JSX 语法初窥本篇则会继续 JSX 语法回顾，当然，不止于介绍，会着眼于示例，上手最佳​React - JSX 表达式之函数再来一个 JSX 看起来像是在 HTML 里使用函数的示例// Reactconst getEmail = () => { return <a>suanzao@wacai.com</a>}<div> <sp

React 是一个用于构建用户界面的 JavaScript 库​官方介绍：A JavaScript Library for building user interfaces​React - All In JavaScript以前我们构建用户界面，通常使用的是 HTML + CSS + JS 三板斧​但使用 React 后，这一切都发生了变化​在 React 中最重要的一个概念就是：All In JavaScript​即：无论是 Template（模板）、Style（样式）、Logic（