Reactjs smart component y dump component

reactjs_smart_dump_component.js

// Smart Component
import React, { useState } from 'react';
import DumpComponent from './DumpComponent';

const SmartComponent = () => {
  const [name, setName] = useState('');

  const handleInputChange = (e) => {
    setName(e.target.value);
  };

  const handleButtonClick = () => {
    alert(`Hello, ${name}!`);
  };

  return (
    <DumpComponent
      name={name}
      onInputChange={handleInputChange}
      onButtonClick={handleButtonClick}
    />
  );
};

export default SmartComponent;

// Dump Component
import React from 'react';

const DumpComponent = ({ name, onInputChange, onButtonClick }) => {
  return (
    <div>
      <input type="text" value={name} onChange={onInputChange} />
      <button onClick={onButtonClick}>Say Hello</button>
    </div>
  );
};

export default DumpComponent;