探讨在构造函数之外是否可以获取到React组件实例的指针
P粉674876385
P粉674876385 2024-04-02 22:07:22
0
1
456

考虑这个React组件:

import React, { Component } from 'react'

class Frame extends Component {
  constructor(props) {
    super(props)
    console.log('constructor', this)  // 我想要 *this* 但是 ...
  }

  render() {
    return <p></p>
  }
}

export default Frame

我们这样初始化它:

const view = <Frame />
console.log(view)  // 在这里!

这两个打印语句会输出:

{$$typeof: Symbol(react.element), key: null, ref: null, props: {…}, type: ƒ, …}
constructor Frame {props: {…}, context: undefined, refs: {…}, updater: {…}}

所以,我实际上想要在构造函数中的指针this,但是在我通过JSX将frame初始化为变量view的地方。这可能吗?

P粉674876385
P粉674876385

全部回复(1)
P粉018653751

由于JSX <> 语法只是对 React.createElement(Component, props, ...children) 的合成糖

你的类组件在该函数内部由React进行初始化,React不会公开this的值,因此无法获取指向它的指针

热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板