求助 react 问题

Question

麻烦大佬帮忙看解释下这段react的代码的作用，另外，这个global是哪里来的？

const appCtx = React.createContext();
const { Provider: AppProvider, Consumer: AppConsumer } = appCtx;
const withAppComponent = Component => props => (
  <AppConsumer>
    {global => {
      let { global: propsGlobal, ecsRef, ...others } = props;
      return (
        <Component
          {...others}
          global={{ ...propsGlobal, ...global }}
        ></Component>
      );
    }}
  </AppConsumer>
export class WrapAppComponent extends Component {
  render() {
    let { id, component, global: propsGlobal, ecsRef, ...others } = this.props;
    return (
      <AppConsumer>
        {global =>
          React.createElement(
            component,
            {
              key: id,
              ref: ecsRef,
              ...others,
              global: { ...propsGlobal, ...global }
            },
            null
          )
        }
      </AppConsumer>
    );
  }
}
);

Answer 1

这是createContext这个Api的写法
https://zh-hans.reactjs.org/d...

Answer 2

我的理解：
为全局使用context创建相关的provider和consumer
将需要增加相关provider参数的组件传入，返回的即为可以使用consumer获取对应参数的组件