在React中，我如何才能遍历整个呈现树，而不仅仅是“子”树？

function traverseTree(element) {
  // 遍历当前元素
  // 这里可以根据需要进行相应的操作，比如打印元素信息、修改元素属性等

  // 遍历子元素
  if (React.isValidElement(element)) {
    React.Children.forEach(element.props.children, child => {
      traverseTree(child);
    });
  }
}

// 使用示例
const App = () => {
  return (
    <div>
      <h1>Hello, World!</h1>
      <p>This is a paragraph.</p>
      <ul>
        <li>Item 1</li>
        <li>Item 2</li>
        <li>Item 3</li>
      </ul>
    </div>
  );
};

traverseTree(<App />);