목록JSX (1)

광산김가네

[모각코]ReactJS 시작하기(5)_props

저번시간에도 간략하게 props에 대해서 보았지만 이번시간에 예제를 통하여 props에 대해서 확실하게 알아보려고한다. props란? 컴포넌트때부터 쭉 익혀왔듯이 부모-자식 컴포넌트간에 소통하기위한 친구인데 난 쉽게 생각해서 인자라고 생각했다 예제코드를 함께 봐보면 위와 같은 버튼두개의 style을 이렇게 복붙하여 컴포넌트에 붙여넣기하는것은 코드량도 많고 비효율적이다 그치만 우리학교 사이트는 모두 저렇게 되어있ㄷ.. 또한 두 버튼은 버튼안의 텍스트만 다르기때문에 공통된요소를 컴포넌트로 생성하고 이를 부모컴포넌트, 즉 App 컴포넌트에서 사용할때 props로 값을 다르게 전달해주면 해결된다. function을 생성할때 항상이름 옆에 ()이렇게 인자가 들어가기 딱좋은 괄호를 붙여주기때문에 여기에 props라..
TIL(Today I Learn) 2022. 8. 5. 14:01
이전 Prev 1 Next 다음