재사용 가능한 컴포넌트 만들기

event 동작

재사용 가능한 컴포넌트를 만들때,
이벤트리스너도 props로 받도록 처리해야한다.
그래야 import해서 받아온 컴포넌트에서 함수가 작동한다.
버튼 컴포넌트를 만들었는데 onClick이 동작하지 않아 당황스러웠는데,
컴포넌트 만들때 onClick을 안해주어 그런가 싶어서 바꾸니 바로 동작했다.

style

스타일에 수정이 필요할 때가 생겼다.
그런데 import해온 컴포넌트에 아무리 style을 주어봐도 적용되지가 않았다.
구글링을 해서 따라해봐도 안됐음.

멘토님께 들은 바에 의하면
스타일링을 웬만하면 픽스하고 제작하는 것이 좋다.
실무에서는 디자인할때 무조건 만들어놓음.
만일 스타일 커스텀이 더 필요하다면 style이라는 props를 여는 방법을 쓸 수 있다.

<Button style={{width:30}} />