что означает this.base в preact?

Question

Может this.base относится к текущему компоненту в P reactjs? У меня есть код, который имеет строку

const rect = this.base.getBoundingClientRect();

Answer 1

this.base - ссылка на элемент root DOM вашего текущего компонента.

Это элемент JSX, который возвращается функцией render вашего компонента.

Таким образом , вы можете использовать this.base после монтирования вашего компонента.

Вот небольшой пример жизненного цикла из официальной документации :

class Example extends Component {
  shouldComponentUpdate() {
    // do not re-render via diff:
    return false;
  }

  componentWillReceiveProps(nextProps) {
    // you can do something with incoming props here if you need
  }

  componentDidMount() {
    // now mounted, can freely modify the DOM:
    let thing = document.createElement('maybe-a-custom-element');
    this.base.appendChild(thing);
  }

  componentWillUnmount() {
    // component is about to be removed from the DOM, perform any cleanup.
  }

  render() {
    return <div class="example" />;
  }
}