1、开启 React 思维之旅

开启 React 思维之旅

1. React 组件基础

React 呈现出分形拓扑结构，整个系统及其各个部分都具有相同的几何形式。从这个意义上说，每个 React 组件都具有相同的编程形式，这种拓扑结构是推动基于 React 的系统和生态系统有机增长的关键因素。对于经验丰富的 React 开发者来说，将风格化组件树与视觉结果进行映射几乎是直观的，这种能力可以极大地提高效率。下面我们先从 React 的基本构建块——组件开始了解。

1.1 组件

组件是所有视图的基本构建块，从技术上讲，它们是代表各种 UI 元素的 XML 标签的基础。例如：
- <Text/> ：用于渲染文本的视图。
- <Image/> ：用于渲染图形的视图。
- <View/> ：代表一个普通的矩形区域。

这些标签由各自封装了展示和业务逻辑的组件支持。组件接受 props 作为输入，不同组件接受的 props 不同，比如 <Text/> 接受 fontFamily 、 fontSize 、 fontWeight 、 color 等属性； <View/> 接受 width 、 height 和 borderRadius ； <I