Action Creator 및 Reducer 없이 React 및 Redux에서 AJAX 호출을 보낼 수 있습니까?
앱 상태를 직접 조작하지 않는 몇 가지 Ajax 요청이 있습니다.react/redux 애플리케이션에서 구성 요소에 직접 Ajax 요청을 보내는 대신 이러한 Ajax 요청에 대한 작업을 발송해야 합니까(또는 이점이 있습니까)?
시나리오를 단순화하기 위해 기본적으로 redux 상태의 개체 목록이 있습니다.양식을 사용하여 새 개체를 데이터베이스에 게시하고, 게시에 성공하면 GET 요청이 전송되고 목록이 가져오고 상태가 업데이트되는 목록 페이지로 리디렉션합니다.
새 개체를 게시하기 위한 AJAX 호출이 내 상태를 직접 조작하지 않습니다.
3단계 제가단함일께하계기 3동비계를단치거고습있다. ex:'FETCH_REQUESTED'
,'FETCH_SUCCESS'
,'FETCH_FAIL'
모든 AJAX 요청에 대한 각각의 축소기와 함께 추가하는 것은 큰 번거로움이며 축소기는 말이 안 되는 것 같습니다.
구성 요소에서 직접 AJAX 호출을 보낼 수 있습니다!
Redux는 여러 구성 요소가 공유 상태를 전체적으로 사용할 수 있도록 하는 도구이며, 예측 가능한 방식으로 변경됩니다.이 작업이 필요하지 않은 경우에는 수행하지 마십시오.
다른 구성 요소가 동일한 API 요청을 한 다음 유사한 방법으로 상태를 변경할 때 AJAX 호출을 작업 작성자에 보관하는 것이 편리합니다.이미 사용 가능한 캐시된 데이터가 있을 때 요청이 실행되지 않도록 하고 구성 요소에 분산되지 않고 이러한 검사를 단일 위치에 보관하려는 경우에도 편리합니다.
즉, Redux는 글로벌 상태가 업데이트되는 방법에만 관심이 있으며, 일부 구성 요소에서 AJAX 요청을 수행해야 하는 경우 편리하지 않은 한 작업 작성자나 완화자를 작성할 필요가 없습니다.
일반적으로 Redux(및 Flux)라고 하면 복잡한 구성 요소가 많을 때 코드를 리팩터링하는 것을 고려할 수 있습니다. 모든 구성 요소를 시작해야 하는 것이 아닙니다.필요한 부분(예: 동기식)만 사용할 수도 있고, 경우에 따라 아예 사용하지 않을 수도 있습니다(예: 접을 수 있는 패널이 저장소에 상태를 저장할 필요가 없음).특정한 상황에서 그것이 당신에게 주는 구체적인 이점을 이해할 때만 사용하세요, 절대 "만약의 경우" 또는 인기가 있기 때문에 사용하지 마세요.
시간 초과와 함께 Redux 작업을 디스패치하려면 어떻게 해야 합니까?에 대한 내 대답도 참조하십시오.
구체적인 예를 설명하기 위해 Redux가 제공하는 이점을 사용할 경우 Redux를 사용할 수 있습니다. 양식을 최적으로 업데이트하고 새 목록을 바로 표시하는 작업을 발송하고 사용 가능할 때 가져온 목록과 병합하여 즉시 상호 작용이 나타나도록 할 수 있습니다.이것이 비동기 작업 작성자의 사용 사례입니다.만약 당신이 이런 종류의 UX 복잡성을 고려하고 있지 않다면, 저는 Redux가 필요한지 전혀 확신할 수 없습니다.
아래 링크를 사용해 보십시오.
https://github.com/sskyy/redux-task
자세한 작업 및 축소 없이 AJAX 요청 상태를 관리할 수 있습니다.
언급URL : https://stackoverflow.com/questions/36635670/can-i-send-an-ajax-call-in-react-and-redux-without-action-creators-and-reducers
'it-source' 카테고리의 다른 글
Android Log.v(), Log.d(), Log.i(), Log.w(), Log.e() - 각 항목을 언제 사용해야 합니까? (0) | 2023.08.14 |
---|---|
로케일::getDefault()를 기준으로 DateTime 개체를 포맷합니다. (0) | 2023.08.14 |
SQL 서버 테이블에 대량의 텍스트를 저장하는 가장 좋은 방법은 무엇입니까? (0) | 2023.08.14 |
xcrun: 오류: 개발자 도구나 PATH가 아닌 유틸리티 "xctest"를 찾을 수 없습니다. (0) | 2023.08.14 |
스프링 프레임워크 BeanUtils copyProperties를 사용하여 null 값을 무시하는 방법은 무엇입니까? (0) | 2023.08.14 |