개발 노트

props는 부모 컴포넌트에서 자식 컴포넌트로 값을 전달할 때, 사용한다. 이때, 값을 전달하지 않았을 경우 default 값을 줄 수 있다 ex) 자식 컴포넌트에서 컴포넌트명.defaultProps = {변수명: 값} 또한, 사이에 내용을 보여주는 children가 있다. ex) 자식 컴포넌트에서 {props.children}이라고 작성하면 컴포넌트 사이에 내용을 전달한다.

급이기기설정 - 1회 공급량에서 사료량 변경 시 바로 반영시키기 카카오 지도에서 화면에 마커 표시 안 나오는 에러 고치기 피그마 리엑트 컴포넌트 변경 매일 아침 데이타베이스 백업 음수량 - 수신 체크

거쳐야 하는 단계가 적다면 상위 컴포넌트에서 하위 컴포넌트로 콜백함수를 props로 전달하고 하위 컴포넌트에서 해당 콜백함수를 호출해서 props로 전달할 수 있다. // 부모 컴포넌트 import React, { useState } from 'react'; import ChildComponent from './ChildComponent'; function ParentComponent() { const [valueFromChild, setValueFromChild] = useState(''); const handleValueChange = (newValue) => { setValueFromChild(newValue); }; return ( Value from child: {valueFromChild} )..

1. 번식관리 - 정액 모달창에 [신규] 버튼 기능 구현 2. 번식관리 - 정액 모달창에 [저장] 버튼 기능 구현

ant design 4.24 에서 을 사용할 때, 속성에 open이 아닌 visible로 작성해야 모달창이 열린다. // 모달창이 보이지 않는다 Some contents... Some contents... Some contents... // 모달창이 보인다 Some contents... Some contents... Some contents...

화면에 버튼 하나를 만들어 주고 클릭하면 이미지를 변경해준다 { if (!changeMarker) { setImgShow("./service_img.png"); setChangeMarker(true); } else { setImgShow("./cow_img.png"); setChangeMarker(false); } }}>마커 변경 실행화면 [ 문제점 ] 마커 변경 버튼을 클릭하면 좌표와 줌 레벨이 초기값으로 돌아간다. useEffect에 imgShow 값이 변경되면 재렌더링 시키도록 했기 때문 [ 해결 ] 현재 좌표와 줌 레벨 값을 useState로 저장해두고 재렌더링 될때마다 저장된 값으로 변경시켜주면 해결된다. // 지도가 이동, 확대, 축소로 인해 중심좌표가 변경되면 마지막 파라미터로 넘어온 함수를..