react component를 다른 component에 넣으려면 함수로 만들어줌!!

컴포넌트를 다른 컴포넌트로 넣는 방법

 

직접 컴포넌트를 만들어서 함수로 만들어준 다음 다른 컴포넌트에 넣어야 함. 이때 대문자를 써야 함

 

const Button = () => (

<button style = {{backgroundColor: "tomato"}} onClick = {() => console.log("I'm clicked")}> Click me </button>);

 

const Container = () => (

<div>

  <Button/>

</div>

)

ReactDom.render(<Container />, root)

 

보기 쉽게 코드를 분리한 다음 함께 렌더링