React 入门 - 拆分组件和组件间传值

在 React 中，组件是构建用户界面的基本单元。为了使代码更加模块化和可维护，我们经常需要将大型组件拆分为更小的组件，并通过传递属性（props）来实现组件间的通信。本文将介绍如何在 React 中拆分组件，并通过传值实现组件之间的交互。

拆分组件

拆分组件是将一个大型组件分解为多个小型、独立的组件，从而提高代码的可读性和可维护性。下面是一个拆分组件的示例：

import React from 'react';

// 大型组件
class App extends React.Component {
   
   
  render