반응 라우터가 URL에 POST 요청을 앞두고

Question

감사합니다! 오랜 시간 동안의 극단적 인 googler, 첫 번째 질문. 나는이 문제에 대한 해결책을 찾기 위해 두뇌를 해치워 왔으며 아직 해결책을 찾지 못했다.

반응 데이터를 fetchPOST 요청을 통해 express api로 보내려고합니다. 나는 GET API 데이터를 통해 fetch을 통해 저장소 및 소스로 플럭스 동작을 성공적으로 사용했으며 명시 적으로 POST 개의 요청을 성공적으로 저장했습니다. 하지만 양식을 제출하고 POST 요청을 보낼 때마다 반응 라우터가 hashHistory에 대한 쿼리를 앞에 붙이는 것처럼 보입니다.

screencap of request handled by react-router

여기에 프론트 엔드의 GITHUB GIST 반응 및 백 엔드 표현을합니다. 내가 AJAX 및 XMLHttpRequests,하지만 같은 문제를 포함하여 몇 가지 솔루션을 시도

├── app 
│   ├── controllers 
│   │   └── projects.js 
│   ├── helpers 
│   │   ├── hash.js 
│   │   └── passportHelper.js 
│   ├── models 
│   │   └── projects.js 
│   ├── router.js 
│   └── views 
│    ├── error.hbs 
│    ├── home.hbs 
│    ├── layout.hbs 
│    ├── login.hbs 
│    └── register.hbs 
├── app.js 
└── src 
    ├── app 
    │   ├── AppRoot.jsx 
    │   ├── actions 
    │   │   └── ProjectCreateActions.js 
    │   ├── alt.js 
    │   ├── components 
    │   │   └── CreateProject.jsx 
    │   ├── dispatcher 
    │   │   └── AppDispatcher.js 
    │   ├── sources 
    │   │   └── ProjectCreateSource.js 
    │   └── stores 
    │    └── ProjectCreateStore.js 
    └── client 
     ├── css 
     ├── fonts 
     └── js 

: 그리고 여기에 애플리케이션 구조의 나무입니다. 나는 반응 라우터에서 <Link>으로가는 길을 찾으려고했지만 익스프레스 서버에 도달 할 수없는 것 같습니다. 그것이 국가를 설정하는 방법과 관련이 있는지 또는 심지어 alt 플럭스 스토어 ()로 상태를 공유하고 있는지, 또는 상태가 어떻게 작동하는지 또는 소도시를 사용해야하는 경우,하지만 실제로는 더듬 거리는 것일 수 있습니다. POST 요청을 반응에서 벗어나 익스프레스로 보내려고하는 문서 주변. 모든 팁은 대단히 감사하겠습니다!

Answer 1

당신이 (그렇지 않으면 지정되지 않은 경우 GET 요청에 양식 제출 기본값을) 발사에서 기본 이벤트를 방지해야 할 것 같습니다

: 놀라운

_onSubmit(e) { 
    e.preventDefault(); 
    ProjectCreateStore.listen(this._onChange) 
    ProjectCreateActions.postProjects() 
}