react - using props

props.jsx

const HelloWorld = () => {
  const [show, setShow] = useState(false);

  return (
    <section>
      <h1>Merhaba dünya!</h1>
      <GoodMorning show={show} />
      <button onClick={() => setShow(!show)}>Merhaba!</button>
    </section>
  );
};

const GoodMorning = (props) => {
  if (props.show) {
    return <p>Günaydın</p>;
  }

  return null;
};

ReactDOM.render(HelloWorld, document.getElementById('root'));