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

const ParentComponent = () => {
  const handleClick = () => {
    console.log("Button clicked!");
  };

  return (
    <div>
      <button onClick={handleClick}>Click me</button>
      <ChildComponent />
    </div>
  );
};

export default ParentComponent;

import React from 'react';

const ChildComponent = () => {
  return (
    <div>
      <h2>Hello from ChildComponent!</h2>
    </div>
  );
};

export default ChildComponent;

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

const ParentComponent = () => {
  const handleClick = () => {
    console.log("Button clicked!");
  };

  return (
    <div>
      <button onClick={() => ChildComponent()}>Click me</button>
    </div>
  );
};

export default ParentComponent;