[React] import

학습일 : 2023. 03. 15

---

 

src 폴더 안에 Button.js 파일을 하나 만들고

function Button({text}) {
    return <Button>{text}</Button>;
}

export default Button;

를 적어 준 후 App.js로 간다


맨 위에 

import Button from "./Button";

를 적어준다.
이렇게 위와 같이 import 해주면 Button 을 아래에서 사용할 수 있는 상태가 된다.

import Button from "./Button";

function App() {
  return (
    <div>
      <h1>Welcome back!!!!</h1>
      <Button />
    </div>
  );
}

export default App;

이렇게 <Button /> 을 적어주면 사용하는 상태가 되어 
위에 적어준 import 가 활성화 되어 불이 들어오게 된다.