如何获取React组件中文本的长度

import React, { useRef } from 'react';

const MyComponent = () => {
  const textRef = useRef(null);

  const getTextLength = () => {
    if (textRef.current) {
      const textLength = textRef.current.innerText.length;
      console.log('Text Length:', textLength);
    }
  };

  return (
    <div>
      <span ref={textRef}>Hello, World!</span>
      <button onClick={getTextLength}>Get Text Length</button>
    </div>
  );
};

export default MyComponent;

import React from 'react';
import MyComponent from './MyComponent';

const App = () => {
  return (
    <div>
      <h1>My App</h1>
      <MyComponent />
    </div>
  );
};

export default App;