inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

따라하며 배우는 노드, 리액트 시리즈 - 쇼핑몰 사이트 만들기[전체 리뉴얼]

섹션2 체크박스 필터 만들기#2 질문

해결된 질문

365

동배

작성한 질문수 16

0

저는 강의랑 다르게  checkbox에 evntlistener을 달지않고 row에 이벤트 위임으로 달았습니다.

각각의 checkbox에 id로 Continent.value를 넣었습니다.

문제는 7번째 줄 else 부분에서 제 의도랑 다르게 동작하내요.

뭐가 잘못된걸까요??ㅠ

function CheckBox() {
  const [checkedsetChecked] = useState([]);
  const funcCheck = (e=> {
    if (e.target.checked) {
      setChecked(checked.concat(e.target.id));
    } else {
      setChecked(checked.splice(checked.indexOf(e.target.id1)));
    }
  };
  console.log(checked);
  const renderCheckbox = () =>
    Continents.map((vi=> (
      <Col span={8} key={i}>
        <Checkbox id={v.value} key={i}>
          {v.value}
        </Checkbox>
      </Col>
    ));
  return (
    <div>
      <Collapse>
        <Panel header="Continent">
          <Row onClick={funcCheck}>{renderCheckbox()}</Row>
        </Panel>
      </Collapse>
    </div>
  );
}

웹앱 mongodb react redux nodejs

답변 2

0

동배

하... 진짜... 바보같이 splice 반환값으로 setcheck하고 있었내요...ㅠ

0

John Ahn

Checkbox 하나하나의 고유 id를 가져야 컨트롤이 가능한데   Row는 모든 Checkbox를 포함하고 있는 애이기에  Row의 고유 id 는 갖을순있지만   checkbox의 고유의 id를 가질순 없습니다 ^^ 

강의 내용은 훌륭하나, 환경 설정 오류 때문에 진도를 나갈 수 없습니다. 20년 버전 강의.

0

60

1

강의자료는 어디서 볼 수있나요??

0

66

1

이 쇼핑몰 만들기 강의는 관리자페이지 만드는건 없나요

0

114

2

웹에서 실시간 코드반영이 안돼요

0

120

1

app.use질문

0

64

1

강사님께 어떻게 직접질문할수있어요??

0

76

1

const함수같은거 기초강의는 어디있나요

0

81

2

리덕스 참조챕터가 어딨어요? 미리듣고오라는데요

0

81

2

강의가완전 오래되서 다 틀리네 app.jsx도 tailwind css 다틀림 무책임함

0

68

1

개발자도구에 redux란이 없어요

0

88

1

npx tailwindcss init -p 에서 계속 에러나요

0

92

1

쇼핑몰기능중 찜하기 기능은 어떻게 구현하나요

0

139

2

강의하다 줌으로 설명가능한지좀 정확히 알려주세요. 이 선생님 정책이 어떻게 되는데요. 직접 연락할 메일이라도 알려주세요

0

43

1

도표 강의 자료 열람 불가능

0

109

1

tailwindcss를 vite에서 이용하는 방식이 바뀐것 같습니다.

0

1132

2

eslint 설정 후 오류가 납니다.

0

223

1

오버로드 오류

0

150

1

VSCode에서 save를 할 때, landingpage의 useEffect가 실행되는 문제에 대하여

0

169

1

dispatch(logoutUser()) 실행시 dispatch(authuser())도 함께 실행되는 문제

0

228

2

logout할 때, server로 요청을 보내서 authUser middleware를 통과하도록 하는 이유?

0

195

1

webkit-text-size-adjust 오류

0

315

1

does not provide an export named 'userReducer'

0

217

2

빌드 배포

0

140

1

삭제 예정 강의는 언제 삭제 되나요? 저것때문에 수강완료를 못하면 회사에서 비용을 청구한다고 합니다~

0

220

2