react UI | React学习指南

📄️ 第一个组件

React 组件是 React 应用的基本构建块。本节我们将学习如何创建一个组件。

组件的魔力在于它们的可重用性：你可以创建由其他组件组成的组件。但是，随着你嵌套越来越多的组件，将它们拆分到不同的文件中通常是有意义的。这样可以让你的文件更容易浏览，并且可以在更多地方重用组件。

JSX 是 JavaScript 的扩展，它允许你在 JavaScript 中使用类似于 HTML 的语法。JSX 是 React 的核心组成部分，它使得开发者能够以更直观的方式描述 UI 结构。

JSX 中的大括号允许你在 JSX 中嵌入 JavaScript 表达式。这意味着你可以在 JSX 中使用大括号来表示变量、函数调用、条件表达式等。

React组件使用props来相互通信。每个父组件都可以通过给子组件传递props来传递一些信息。Props可能会让你想起HTML属性，但你可以通过它们传递任何JavaScript值，包括对象、数组和函数。

条件渲染是React中的一种技术，用于根据某些条件决定是否渲染组件的某些部分。这在处理用户交互、数据状态和组件的可见性时非常有用。

在React中，可以使用JavaScript数组方法来操作数据。列表的渲染是React中常见的需求，例如，你想显示一个用户列表，或者一个评论列表。

纯组件是指那些不依赖于外部状态的组件。它们只依赖于输入的props，并且不会改变。纯组件的输出只取决于它们的输入，因此它们是可预测的。

什么是UI树