React 组件通信

1. React 中组件间通信的常用方式有哪些？

答案：React 中组件间通信的常用方式包括：

1. 父组件向子组件传递 props
2. 子组件向父组件传递数据（通过回调函数）
3. 兄弟组件之间的通信（通过共同的父组件）
4. 使用 Context API 进行跨层级通信
5. 使用状态管理库（如 Redux、MobX）
6. 使用发布-订阅模式（如自定义事件）
7. 使用 React 的 Portals 进行跨层级通信

2. 如何通过 props 进行父子组件通信？

答案：父组件可以通过 props 向子组件传递数据和函数。子组件可以通过调用从父组件传递的函数来与父组件通信。

示例：