Component Import/Export in React

// Button.js - Export component
function Button({ text, onClick }) {
  return <button onClick={onClick}>{text}</button>
}

export default Button

// App.js - Import and use
import Button from './Button'

function App() {
  return (
    <div>
      <h1>My App</h1>
      <Button text="Click me" onClick={() => alert('Hi!')} />
    </div>
  )
}