강의

멘토링

커뮤니티

인프런 커뮤니티 질문&답변

p1026jh님의 프로필 이미지
p1026jh

작성한 질문수

Slack 클론 코딩[실시간 채팅 with React]

select에서 option value 값을 가져오는 방법이 있을까요?

작성

·

629

0

DELETE /workspaces/:workspace/members/:id

  • :workspace에서 :id 멤버 제거(또는 탈퇴)
  • return 'ok'

위 API를 사용하여 워크스페이스 멤버를 삭제하는 것을 구현 중에 막혀서 2가지 정도 질문드립니다.

1. 아래와 같이 workspace에 있는 멤버를 select로 선택하여 value 값을 불러와서 워크스페이스에 있는 유저를 제거하고 싶은데 option의 value 값을 불러오는 방법이 있을까요?

<Modal show={show} onCloseModal={onCloseModal}>
<form onSubmit={onKickMember}>
<Label id="member-label">
<span>사용자 이름</span>
{/*<Input id="member" type="text" value={kickMember} onChange={onChangeKickMember} />*/}
<Select id="memberId" onChange={onChangeKickMember}>
{memberData?.map((member) => {
if (userData?.id !== member.id) {
return <option value={member.id}>{member.nickname}</option>;
}
})}
</Select>
</Label>
<Button type="submit">사용자 삭제</Button>
</form>
</Modal>

2. 아래와 같이 delete를 테스트로 호출해보았습니다. 프록시를 사용하여 백엔드 서버에는 3095포트로 전송됩니다.

axios

  .delete(`/api/workspaces/${workspace}/members/2`)

위에 사진과 같이 오류가 발생했는데, delete는 백엔드 서버에 구현되지 않은걸까요?

답변 6

0

제로초(조현영)님의 프로필 이미지
제로초(조현영)
지식공유자

단순히 626-628째줄을 await workspace.removeMembers([parseInt(req.params.id, 10)]) 해보시겠어요?

이 부분을 희한하게 object Object로 생각하네요.

p1026jh님의 프로필 이미지
p1026jh
질문자

해결됐습니다. 감사합니다 ~

0

제로초(조현영)님의 프로필 이미지
제로초(조현영)
지식공유자

혹시 626줄 수정하셨나요? 스크린샷은 700번대 줄이라서요.

p1026jh님의 프로필 이미지
p1026jh
질문자

수정되어있습니다.

0

p1026jh님의 프로필 이미지
p1026jh
질문자

에러 메세지 입니다.

0

제로초(조현영)님의 프로필 이미지
제로초(조현영)
지식공유자

서버쪽 수정했습니다. back 폴더 git pull 받으시거나 제 소스코드 복붙해서 넣으세요.

https://github.com/ZeroCho/sleact/blob/master/back/routes/api.js

p1026jh님의 프로필 이미지
p1026jh
질문자

변경하여도 여전히 에러가 발생합니다.

0

p1026jh님의 프로필 이미지
p1026jh
질문자

사진입니다.

Value를 못 불러오던건 e.target.value로 해결했습니다! 감사합니다.

0

제로초(조현영)님의 프로필 이미지
제로초(조현영)
지식공유자

1. onChange 함수에 e.target.value 로 값에 접근할 수 있습니다.

2. 서버쪽 에러메시지 확인해봐야할 것 같습니다. 서버를 띄워놓는 콘솔에서 에러메시지 보여주세요.

p1026jh님의 프로필 이미지
p1026jh
질문자

이미지 입니다.

p1026jh님의 프로필 이미지
p1026jh

작성한 질문수

질문하기