react中跨级通讯使用什么最便捷？

在React中，最便捷的跨级别通信通常使用Context API[^1]。Context允许你在应用的任何组件树层次结构中共享数据，而无需手动将props逐层传递。这样，即使两个组件没有直接的父子关系，也可以轻松地访问和更新共享的数据。

4.1. 使用Context示例：

// 创建一个名为MyContext的Context
const MyContext = React.createContext();

// 父组件设置context值
class ParentComponent extends React.Component {
  state = { sharedData };

  render() {
    return (
      <MyContext.Provider value={this.state.sharedData}>
        {/* 子组件 */}
        <ChildComponent />
      </MyContext.Provider>
    );
  }
}

// 子组件从context中读取数据
class ChildComponent extends React.Component {
  render() {
    const sharedData = useContext(MyContext);
    // 使用sharedData
    ...
  }
}

另一种常见的方法是通过`ref`来实现子组件向父组件的回调传递数据，但这通常用于单向数据流，当数据变化不需要向上传播时更合适。