React 是一个用于构建用户界面的 JavaScript 库。在 React 应用程序中，组件之间需要相互通信。以下是一些常见的通信方式：

组件间通信

  1. Props 传递：父组件向子组件传递数据。

    • 使用 props 属性可以在组件间传递数据。

  2. Context：创建一个上下文，将数据传递给多个组件。

    • 使用 React.createContext() 创建一个上下文，使用 Provider 组件包裹需要共享数据的组件。

  3. Redux：全局状态管理库。

    • 使用 Redux 可以管理应用全局状态，并通过连接组件来获取状态。

  4. Event Bus：使用一个全局的事件总线来传递数据。

    • 创建一个事件总线，通过 emit 和 on 方法来传递和监听事件。

  5. Hooks：使用自定义的 Hook 来封装逻辑并复用。

    • 使用 useState、useEffect 等钩子函数来封装逻辑。

图片示例

下面是一个 React 组件的示例代码：

import React from 'react';

function MyComponent() {
  return (
    <div>
      <h1>这是一个 React 组件</h1>
      <p>这里是组件的内容。</p>
    </div>
  );
}

export default MyComponent;

更多关于 React 的信息，可以访问我们的 React 教程。

### 图片示例

下面是一个 React 组件的示例代码：

```jsx
import React from 'react';

function MyComponent() {
  return (
    <div>
      <h1>这是一个 React 组件</h1>
      <p>这里是组件的内容。</p>
    </div>
  );
}

export default MyComponent;

更多关于 React 的信息，可以访问我们的 React 教程。

React 组件示例