从React的上下文API组件重定向

// 父组件
import React from 'react';

// 创建一个上下文
const RedirectContext = React.createContext();

class ParentComponent extends React.Component {
  // 定义重定向方法
  redirectTo = (url) => {
    // 执行重定向逻辑
    window.location.href = url;
  }

  render() {
    return (
      // 使用Provider提供上下文数据和方法
      <RedirectContext.Provider value={this.redirectTo}>
        <ChildComponent />
      </RedirectContext.Provider>
    );
  }
}

// 子组件
class ChildComponent extends React.Component {
  render() {
    return (
      // 使用Consumer消费上下文数据和方法
      <RedirectContext.Consumer>
        {redirectTo => (
          <button onClick={() => redirectTo('https://example.com')}>
            点击跳转
          </button>
        )}
      </RedirectContext.Consumer>
    );
  }
}