React高阶组件里面的this问题

Question

const MyContainer = (WrappedComponent) => 

    class extends WrappedComponent {

        render() {

            return <div>

                <h2>HOC DEBUGGER COMPONENT</h2>

                <p>props <pre>{JSON.stringify(this.props, null, 2)}</pre></p>

                <p>state <pre>{JSON.stringify(this.state, null, 2)}</pre></p>

                {super.render()}

            </div>

        }

    }

上面的代码中为什么this指向的是WrappedComponent这个组件

Answer 1

this指向当前上下文环境，此时的上下文环境是WrappedComponent这个组件