리액트 전역 변수 (방법1)

Tail.js

// function Tail(props) {
//     const mytailiam = props.iam;
//     return (
//       <div>
//         Tail 부분시작<br />
//         {mytailiam.firstName}입니다.<br />
//         Tail 부분끝
//       </div>
//     );
//   }

function Tail({ iam }) {
  return (
    <div>
      Tail 부분시작<br />
      {iam.firstName}입니다.<br />
      Tail 부분끝
    </div>
  );
}

export default Tail;

 

App.js

import Tail from "./components/Tail";

const iam = {
  lastName: "Hong",
  firstName: "GilDong",
  koName: "홍길동",
};

return (
    <div className="App">
      <Header />
      <Tail iam={iam} />
    </div>
)