react2 React useState() 회고-2 - 지난번 회고를 통해 useState() 사용에만 너무 급급했던 것 같아 개념을 한번 다시 정리하기로 했다. useState를 알아가기 전에 우선 더 포괄적인 개념인 Hooks를 살펴보자.React Hooks?? 기존 react에서는 클래스형 컴포넌트( 헤더, 메뉴바, 메인영역 등으로 분리한 조각, 덩어리 )로 개발이 주로 이루어졌다.함수형 컴포넌트에는- **state,더보기state 가 변하면 해당 컴포넌트가 리렌더링 된다.state 변수를 만드는 것도 Hook의 기능 중 하나이다. useState() 메서드를 통해 state 변수를 선언하며, state는 항상 변수와 세터메서드가 같이 선언돼야 한다.useState()의 매개변수로는 state의 초기값을 넣어줄 수 있는데, string, numbe.. 2024. 10. 4. React useState() 회고 문제상황사용자가 저장한 즉시 구매가를 상수 값처럼 사용하기 위해 useState(110000) (임시값)을 입력해서 다음과 같이 사용했음.모달창 내부에서는 다음과 같이 사용했음. 아이템 정보의 buyNowPrice 와 buyNowpurchaseFee 부분에 일반 상수 값(숫자)을 넣었을 때는 제대로 나오던 코드인데,useState를 사용하니 다음과 같이 화면에 의도하지 않은 값이 나타남. 원하던 결과 값은 다음 코드와 같이 useState를 사용해서 코드의 가독성을 높이기 위함 이었는데, // 희망 입찰가 상태 관리 const [bidAmount, setBidAmount] = useState(63000); // 초기값 설정 // 입찰가 증가 함수 const increaseBid = () => .. 2024. 10. 3. 이전 1 다음 반응형
