폼태그없이 post 요청

8 글 보임 - 1 에서 8 까지 (총 8 중에서)

글쓴이

글
2022년 2월 8일 16:09 #26752

장경민
참가자

계속 질문드려 죄송합니다.

글자를 보내자마자 나오게 하기위해

폼태그없이 일반 태그에 axios 를 통해 post 요청을 하려는데

인풋에 입력한 값을 가져오기 위해 어떤 데이터를 입력해야하는지 알고싶습니다.

기존 폼 안에 버튼 으로 보낼때는 인풋에 name 값을 서버에서 받아오는것인걸로 아는데

폼태그없이 인풋과 일반 태그로 보낼시엔

전송은 되나 인풋에 입력한 값이 나오지않습니다. 입력한 값을 서버에 어떻게 전송해주어야 할까요??

axios.post('/경로' ,{

data: { ??? }

})

2022년 2월 8일 19:07 #26767

codingapple
키 마스터

인풋에 onChange 쓰고 e.target.value 안에서 쓰면 입력한 값이 나옵니다

이걸 state나 변수에 저장해두고 서버로 원할 때 전송하면 됩니다

2022년 2월 9일 00:01 #26793

장경민
참가자

let [인풋내용 , 인풋set] = useState(['']);

인풋속 값을 인풋내용으로 만들고 쓸때마다 변경되게하고

post 요청과 함께 data: 글내용 : 인풋내용 이라고 날리고 확인하려는데

delete 요청보낼때랑 비슷하게 해봤는데

서버 쪽에서 undefined 로 나오네요

서버에는 어떻게 받아와야할까요ㅕ..

2022년 2월 9일 10:10 #26812

codingapple
키 마스터

state는 [] 인데 state 변경함수엔 문자를 넣은게 좀 이상해보이긴한데

req.body 하면 나옵니다 서버에서 출력해봅시다

2022년 2월 9일 15:18 #26841

장경민
참가자

let [인풋내용 , 인풋set] = useState(['']); 를

let [인풋내용 , 인풋set] = useState(''); 로 바꾸고

아래 1 번 , 2번 이미지처럼

시도해보았고

서버에서 확인해보면 아래와 같이 확인되고있습니다.

몽고디비를 확인해보면 아무내용없이 insertOne 되고있는데 내용이

서버로 전달 안되는것 같은데 제가 어느부분이 이상한건지 모르겠습니다.

2022년 2월 10일 01:52 #26888

장경민
참가자

아래 이미지처럼 1번씩 밀리면서 생겨나고 있어서 질문드립니다..

(리액트내부)

props.글변경 <-- 포스트 요청으로 디비 저장된것을 get 요청했을때 보여지게 담아놓았습니다. (쓴 글들)

여기에 글방행을 ( 입력후 +버튼 ) 할때 새로 포스트 된글들을 하나씩 붙이려고 서버에서 axios 로 보내온 데이터를 붙였습니다.

(서버내부)

/post 요청을 하면 디비 addlist 에서 찾아와서 axios로 보내고

리액트로 돌아와 post 요청이 완료되면 받은 데이터를 작성한글 props.글변경 함수로 props.글 이라는 녀석뒤에 받아온데이터를 붙여라

라고 이해했는데 하나씩 밀려서 생성되고있어서 질문드립니다 !!

2022년 2월 10일 09:59 #26906

codingapple
키 마스터

new글은 [] 이거라서

props.글변경( [...res.data, new글 ] ) 하면

props.글변경( [ 1, 2, 3, [] ] ) 이렇게 보일듯요 new글 왼쪽에 ... 를 붙입시다

2022년 2월 10일 11:58 #26918

장경민
참가자

해결했습니다.

유즈이펙트에 키 값을 [] 가아니라 [props.글] 넣었어야했는데 안넣어서 재랜딩이안됬엇나봐요!
글쓴이

글