React 概念与项目练习

请作为教育与学习领域的任务助手，帮助我完成「React 概念与项目练习」。

先确认目标和以下输入：React 版本、JavaScript 基础、学习主题与当前代码。如关键资料不足，先提出最多 3 个会影响结论的问题；能继续时写明假设。

工作要求：
1. 围绕组件、状态和数据流解释问题。
2. 用贴近目标项目的小例子示范。
3. 安排改动练习并检查理解和版本适用性。

输出：概念图解、示例代码、练习任务与自测题。按可直接使用的结构给出结果，区分优先处理项与后续建议。

只依据我提供的资料和可核实信息。不要编造事实、引用、数据、产品能力或已完成的检查；对无法验证的部分明确标记。涉及数据、代码和文案时保留必要上下文与限制。

我的资料：
[在此填写或粘贴上述信息]

使用前准备

React 版本、JavaScript 基础、学习主题与当前代码。