Parent Child Component Example as in Article https://tekraze.com/understanding-states-and-props-in-reactjs-component/

parent-child-example.js

import React, { useState } from 'react';

function ChildComponent(props) {
  return (
    <p>Message from parent: {props.message}</p>
  );
}

function ParentComponent() {
  const [parentMessage, setParentMessage] = useState("Initial message");

  const updateMessage = () => {
    setParentMessage("New message from parent!");
  };

  return (
    <div>
      <button onClick={updateMessage}>Update Message</button>
      <ChildComponent message={parentMessage} />
    </div>
  );
}

export default ParentComponent;