inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

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

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

644

p1026jh

작성한 질문수 1

0

DELETE /workspaces/:workspace/members/:id

위 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는 백엔드 서버에 구현되지 않은걸까요?

babel typescript Socket.io 웹팩 react 클론코딩

답변 6

0

제로초(조현영)

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

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

0

p1026jh

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

0

제로초(조현영)

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

0

p1026jh

수정되어있습니다.

0

p1026jh

에러 메세지 입니다.

0

제로초(조현영)

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

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

0

p1026jh

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

0

p1026jh

사진입니다.

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

0

제로초(조현영)

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

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

0

p1026jh

이미지 입니다.

기본 셋팅과 관련하여

0

90

1

초기 셋팅 back과 front만 남겨두고 다 지운 후 진행 방법

0

95

2

focus 시에만 화면 업데이트 되는 이유 + 해결방법

0

148

2

useEffect 개수 관리

0

108

2

라이브러리 서치 방법

0

103

2

함수 정의 패턴

0

77

1

npm run dev 에러

0

151

3

npx webpack 후 에러

0

178

2

'void' 형식 식의 truthiness를 테스트할 수 없습니다.ts(1345)

0

142

2

사용자 가입시 에러발생 (TypeError: Cannot read properties of null (reading 'addMembers')

1

177

2

초기세팅중 packge.json 에러떠요

0

154

2

CORS - Access-Control-Allow-Origin 누락 문제

0

426

3

로그인 페이지 무한 새로고침 현상

0

598

2

Module not found: Error: Can't resolve './App' 에러

0

949

1

배포 방법

0

295

2

npm run dev 시 빌드가 매우 느려졌습니다

0

986

2

alias 경로 설정 오류

0

446

2

fetcher 함수의 data 값이 두번 찍히는 이유

0

273

1

제네릭 질문

0

216

2

ts-node 대신 tsx 사용여부

0

373

1

배포 관련 질문

0

244

1

[nginx + https] 서비스를 실행하면 niginx가 아닌 서비스 화면을 보여주게 하고 싶습니다.

0

382

2

[배포하기] webpack에 aws 퍼블릭 IPv4 주소 와 포트 주소를 작성하고 나서 빌드후 실행하면 오류가 발생합니다.

0

334

1

users 호출 시 쿠키가 담기지 않는 이슈 질문드립니다.

0

245

2