React:我想做一个函数，每次点击时都会用onClick呈现一个新的组件

import React, { useState } from 'react';

function App() {
  const [count, setCount] = useState(0);

  const handleClick = () => {
    setCount(count + 1);
  };

  const renderComponent = () => {
    switch (count) {
      case 0:
        return <Component1 />;
      case 1:
        return <Component2 />;
      case 2:
        return <Component3 />;
      // 添加更多的组件呈现逻辑
      default:
        return null;
    }
  };

  return (
    <div>
      <button onClick={handleClick}>点击</button>
      {renderComponent()}
    </div>
  );
}

function Component1() {
  return <div>组件1</div>;
}

function Component2() {
  return <div>组件2</div>;
}

function Component3() {
  return <div>组件3</div>;
}

export default App;