일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | 6 | 7 |
8 | 9 | 10 | 11 | 12 | 13 | 14 |
15 | 16 | 17 | 18 | 19 | 20 | 21 |
22 | 23 | 24 | 25 | 26 | 27 | 28 |
29 | 30 | 31 |
- updater
- 항해99
- useEffect
- route
- rendering
- 라우팅
- setstate
- 브라우저 렌더링
- socket.io
- 7기
- FileReader
- Preview
- 개발
- 스파르타코딩클럽
- S3
- 동기
- previousState
- imagePreview
- 접근 제한 라우팅
- 후기
- 배포
- Github Actions
- routing
- 비동기
- 채팅방
- 미리보기
- Redux
- CI/CD
- qwe
- react
- Today
- Total
목록2022/05/31 (2)
삐옹
증상 잘 작동하던 추가하기 버튼이, 버킷리스트의 이행여부를 체크할 수 있도록 Redux의 initialState에 completed 키값을 추가해준 뒤부터 버튼을 누르면빈 태그만 반환하기 시작 해결방법 click이벤트 발생한 태그 확인 click이벤트 함수 : useRef로 접근한 value값이 문제일까 싶어 콘솔을 찍어보았더니 current객체에 value가 잘 받아와진다. bucket.js(Redux파일) 내 createBucket 함수 : value값도 잘 넘어오고 action객체를 생성하는 코드에도 이상은 없다. 여기까지 문제가 없었다는건 분명 reducer에서 문제가 난거라고 확신했다. reducer 안에서 type이 create인 객체 [X] action 타입이 "bucket/CREATE"가 ..
배운것 React React Redux의 흐름 리덕스와 컴포넌트 연결 *useDispatch(수정해줘) ,useSelector(갖다쓸게) - action을 부른다 *??? - reducer *새로운 상태값 만들어 반환 - store *reducer (+ options)들을 combine 하여 createStore - 컴포넌트에서 데이터 사용 useRef useRef를 쓰는 이유는 관리하는 변수 값이 바뀐다고해서 컴포넌트가 리렌더링되지 않기 때문입니다. 고유한 값을 설정해야할 떄 유용합니다(이를테면 id 값을 설정 할 때).리액트 컴포넌트에서의 상태는 상태를 바꾸는 함수를 호출하고 나서 그 다음 렌더링 이후로 업데이트 된 상태를 조회 할 수 있는 반면, useRef 로 관리하고 있는 변수는 설정 후 바로 ..