在React中，如何使用Ref获取元素属性的值？

import React, { Component, createRef } from 'react';

class MyComponent extends Component {
  constructor(props) {
    super(props);
    this.myRef = createRef();
  }

  componentDidMount() {
    const element = this.myRef.current;
    if (element) {
      console.log(element.getAttribute('data-attribute')); // 获取自定义属性值
    }
  }

  render() {
    return (
      <div ref={this.myRef} data-attribute="someValue">
        Hello, World!
      </div>
    );
  }
}

export default MyComponent;

import React, { useEffect, useRef } from 'react';

function MyComponent() {
  const myRef = useRef(null);

  useEffect(() => {
    if (myRef.current) {
      console.log(myRef.current.getAttribute('data-attribute')); // 获取自定义属性值
    }
  }, []);

  return (
    <div ref={myRef} data-attribute="someValue">
      Hello, World!
    </div>
  );
}

export default MyComponent;