양식 옵션에 대해 Redux 요청을 처리하십시오.

Question

양식 드롭 다운 옵션에 대해 비동기 요청을하는 올바른 방법은 무엇입니까?
드롭 다운 옵션이 많습니다 (예 : 도시). 우리는 이것들을 국가에 보관하고 싶습니까?

일반적으로 Redux 저장소를 통해 "cities"옵션을 요청하고 "cities"옵션으로 상태를 업데이트하는 Redux 액션을 생성합니다. MapDispatchToProps 및 componentDidMount에서 Redux 액션을 호출하십시오.

componentDidMount =() => { 
    this.props.fetchCitiesOptions() 
} 

MapStateToProps 1000 개 도시 이상 만 1 개 형태에서 사용 될 수 options: cities 포함됩니다. 우리는 이것을 세계적인 상태로 들고 싶습니까? 그렇지 않다면, 더 좋은 방법은 무엇입니까? 배우기. 감사.

Answer 1

이 양식 요소에 대해서만 로컬 상태를 선택할 수 있습니다. 제어 된 구성 요소를 원하지만 옵션을 전역 상태로 만들거나 원하지 않으면 양식의 래퍼 구성 요소를 만들어 로컬 상태를 추적하고 componentDidMount의 로컬 상태 만 업데이트하십시오. 프로젝트에서 해당 상태가 필요한 위치에 따라 로컬 및 글로벌 상태를 혼합/일치시킬 수 있습니다. 이 로컬 상태는 나머지 프로젝트 상태에서 양식 제출 데이터가 필요하지 않으면 양식 변경 사항을 추적하고 제출할 수도 있습니다.