deVSner

코드 없이 적어본다 코드가 있어야 설명할 수 있는거라면 내가 아직 이해를 못하고 있는 거라고 생각한다 제목에 있듯, 특정 컴포넌트에서 스페이스 바를 눌러서 공백 한 줄만 추가했는데, dispatch가 다시 날라가는 경우가 있다. useEffect에 dispatch를 넣어줬기 때문이다. useEffect에 인수를 지정하지 않았기 때문이다. 리액트의 특성을 몰랐기 때문이다. 이 상황이, 쇼핑몰 앱을 구현하는 과정에서 장바구니 컴포넌트에서 발생을 했었다. 상품 상세 페이지에서 수량을 체크하고 '담기'를 누르면 장바구니 페이지로 이동함과 동시에, 유저가 담으려 했던 아이템과 수량과 금액이 장바구니 페이지에 나와야 한다. '다른 건 별 문제가 없었기 때문에', 정상적으로 찍혀져 나왔다. 아니었다. 별 문제가 많았..

뭐지 리액트만 있었을 때와 next와 ts를 도입했을 때 상상할 수 없는 에러들이 펼쳐진다

function deleteQnAAPI(data) { console.log("In SAGA, deleteQnAAPI, data : ", data); let obj = { data : data, } return axios.delete("goods/info/qa_lists", obj); } 처음에 data( {aaa: 1 } ) 이런 형태였는데, 사가 api함수가 실행되고 백으로 안 가더라. obj객체를 만들고 그 안에 data를 넣어서 보내주니까 성공.

네이티브 + 리덕스 + 사가 조합으로 플젝을 하고 있다. 참으로 헷갈리는 에러 코드가 많다. 분명 맞다고 생각한 로직에서 값이 없다고 뜬다거나 등.. 아래 로직 또한 cannot read property map of null 이 떴다. 정확한 원인을 모른 채 이것저것 만지다가 해결이 된 적이 여러 번이었는데, 이번에 확실히 짚고 넘어가고 싶었다. 궁금한 점을 남겨주세요. { props.navigation.navigate("QnAPlus"); }} /> {qna && qna.length === 0 ? 등록된 QnA가 없습니다 : qna.map(el => { return ; }) } export const initialState = { home : null, goodsInfo : null, qna: [], ..

ㅇㅇ if ( !number && 만약 number에 대해서 외부 api의 값을 넣거나, 백엔드에서 가져온 db 값을 넣으려고 할때, 우선은 number가 값이 있다는 것을 시작으로 로직을 구성해야 한다

리액트 구조 중에서 render 쪽에 보면 JSX문법으로 객체가 들어가 있을 때, 발생하는 에러다 대개, 배열 안의 객체를, map 메소드로 하위 컴포넌트에 전달하려다가, 하위 컴포넌트의 렌더링 할 때 실수가 발생하곤 했다.. 이런 잘못된 더미데이터 같으니라구

이유를 모르겠다. Link 태그를 주석 처리하면 form 함수가 먹히는데, Link 태그가 살아있으면 form 태그가 안 먹힌다 merge?... {isLoggedIn} 로그인

겁나 럭셔리해 보이는 에렄ㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋ 스타일드컴포넌트를 주석처리 했다 근데 왜 스타일드 컴포넌트 훅과 관련된 거지??? 추가 ============================ 에러랑 스타일드 컴포넌트가 대체 무슨 상관인 건지 너무 궁금했다. 그래서 찾아봤다. 결론부터 말하자면, 스타일드 컴포넌트의 버전이 5 버전대 이상이면 저런 에러가 나는 거 같았다. 대개는 4버전대로 낮추면 해결이 됐다는 자료가 많았다. 내 레포를 보니까 5.1.1 버전이었는데, 다운그레이드하니까 리얼 해결이 됐다... 므야... 아래는 관련 자료 https://github.com/styled-components/styled-components/issues/3045 Styled-components version 5+ c..