this.base 是什么意思？

Question

this.base可以引用Preactjs中的当前组件吗？我有一个代码，其中有一行

const rect = this.base.getBoundingClientRect();

Answer 1

this.base 是对当前组件的根 DOM 元素的引用。

这是组件的 render 函数返回的 JSX 元素。

因此，您可以在安装组件后使用 this.base。

这是来自 official documentation 的生命周期的一个小例子：

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" />;
  }
}

this.base 是什么意思？

what does this.base means in preact?

javascript

reactjs

react-native

preact