react6 [TIL] styled components styled component 로 props 도 넘겨줄 수 있다. const Box = styled.div` background-color: ${(props) => props.bgColor}; // props 도 넘겨줄 수 있다. width: 100px; height: 100px; `; const Circle = styled(Box)`{ border-radius: 50px; } styled(Box) 해 주면 Box 안의 모든 값을 상속받을 수 있다. const Input = styled.input.attrs({required: true, minLength:10})` background-color: tomato; `; tag 에 attribute 도 추가할 수 있다. import styled, {keyfr.. 2023. 3. 29. [React] Props 로 콜백 함수 전달하기 / 어떨때 Props로 콜백 함수를 전달해야 하는가? Props 로 콜백 함수 전달하기 개념 정리 Props 란 ? react에서 props는 데이터를 한 컴포넌트에서 다른 컴포넌트로 전달 할 때 사용된다. (부모 -> 자식 ) CallBack Function 이란? 정의: 프로그래밍에서 콜백 또는 콜백함수는 다른 코드의 인수로서 넘겨주는 실행 가능한 코드를 말한다. 콜백을 넘겨받는 코드는 이 콜백을 필요에 따라 즉시 실행할 수도 있고, 아니면 나중에 실행할 수도 있다. 이벤트는 페이지가 로드되거나 유저가 click, hover, change 등의 상호작용을 했을 때 등 그 밖의 여러가지 상황에서 발생한다. 이벤트에 반응하기 위해서 함수를 공급해야한다. 이벤트가 발생했을 때 불려 질 함수를 콜백함수라고 한다. React Data Flow data는 부모에서.. 2022. 10. 29. 이전 1 2 다음
