tree-props获取当前节点

在 React 中，如果你想在组件中获取当前节点的信息，可以使用 `ref` 和 `tree-props` 属性来实现。`ref` 可以获取到组件的实例，而 `tree-props` 可以获取到组件实例的属性和状态信息。

假设你有一个组件 `MyComponent`，并且你想获取它的 DOM 节点和一些属性，可以这样做：

import { createRef } from 'react';

class MyComponent extends React.Component {
  constructor(props) {
    super(props);
    this.myRef = createRef(); // 创建 ref 对象
  }

  componentDidMount() {
    const node = this.myRef.current; // 获取 DOM 节点
    const props = node['tree-props']; // 获取组件实例的属性和状态信息
    console.log(node, props);
  }

  render() {
    return (
      <div ref={this.myRef} tree-props={this.props}>
        {/* 组件内容 */}
      </div>
    );
  }
}

在上面的代码中，我们创建了一个 `ref` 对象 `myRef`，并将其传递给组件的 `div` 元素。同时，我们通过 `tree-props` 属性将组件实例的属性和状态信息传递给了 `div` 元素。在 `componentDidMount` 生命周期方法中，我们可以通过 `this.myRef.current` 获取到 `div` 元素的 DOM 节点，然后通过 `node['tree-props']` 获取到组件实例的属性和状态信息。

需要注意的是，`tree-props` 属性并不是 React 官方提供的特性，而是一种自定义属性。因此，如果你在使用 `tree-props` 属性时遇到了问题，可以查看相关文档或者参考库的实现方式。