clickrendercomponent.js

import React, { useState } from 'react';
import MyComponent from './MyComponent';

function MyButton() {
  const [showComponent, setShowComponent] = useState(false);

  const handleClick = () => {
    setShowComponent(true);
  };

  return (
    <div>
      <button onClick={handleClick}>Show Component</button>
      {showComponent && <MyComponent />}
    </div>
  );
}

export default MyButton;