Découvrez si le pointeur vers l'instance du composant React peut être obtenu en dehors du constructeur

Question

Considérez ce composant 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

On l'initialise comme ceci :

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

Ces deux instructions d'impression afficheront :

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

Donc, où je veux réellement le pointeur this，但是在我通过JSX将frame初始化为变量view dans le constructeur. Est-il possible?

Answer 1

Merci à JSX <> 语法只是对 React.createElement(Component, props, ...children) Sucre Synthétique

Votre composant de classe est initialisé par React dans cette fonction. React n'expose pas la valeur de this, il n'y a donc aucun moyen d'obtenir un pointeur vers celui-ci

.