컴포넌트 예제

//App2.jsx
import React from 'react';

// Greet 컴포넌트를 정의합니다.
function Greet(props) {
  return <h1>Hello, {props.name}!</h1>;
}

// App 컴포넌트를 정의하고 Greet 컴포넌트를 포함시킵니다.
function App2() {
  return (
    <div>
      <Greet name="Alice" />
      <Greet name="Bob" />
    </div>
  );
}

export default App2;

//App3.jsx
import React from 'react';

// Greet 컴포넌트를 정의합니다.
function Greet(props) {
  return (
    <div>
      <h1>Hello, {props.name}!</h1>
      <p>Your age is {props.age}.</p>
    </div>
  );
}

// App 컴포넌트를 정의하고 Greet 컴포넌트를 포함시킵니다.
function App3() {
  return (
    <div>
      <Greet name="Alice" age={30} />
      <Greet name="Bob" age={25} />
    </div>
  );
}

export default App3;