1、开启 React 思维之旅

开启 React 思维之旅

1. React 中的组件

1.1 组件概述

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

这些标签背后都有各自封装了展示和业务逻辑的组件。组件接收 props 作为输入，不同组件接受的 props 不同，如 <Text/> 接受 fontFamily 、 fontSize 、 fontWeight 、 color 等属性； <View/> 接受 width 、 height 和 borderRadius 等； <Image/> 接受 source 属性来指定图像位置。大部分展示性的 props 被归类为 style ，这是 React 保留的一种特殊类型的 props 。

当组件