다양한 구성 요소 onChange
이벤트 에 대한 상태 변경을 보존해야 합니다. 따라서 redux에 직접 저장하면 다시 렌더링하고 사용자 경험에 해를 끼치며 때로는 버그가 발생하기 때문에 해당 상태로 저장합니다. 이제 사용자가 특정 버튼을 클릭하고 이러한 상태 값을 redux로 푸시하면 이러한 모든 구성 요소의 상태를 가져와야합니다 (이 비트는 간단합니다). 그러나 redux 상태를 업데이트하는 작업 내에서 모든 구성 요소 상태에 액세스하려면 어떻게해야합니까? 개별적으로 액세스해야하기 때문입니다.
먼저 redux에 필드를 저장하면 다시 렌더링하는 데 큰 오버 헤드가 발생하지 않으므로 앱의 전체 워크 플로를 확인해야합니다.
또한 Actions가 무엇인지 이해해야합니다 (Redux의 공식 문서에서).
작업은 애플리케이션에서 스토어로 데이터를 보내는 정보의 페이로드입니다. 그들은 상점에 대한 유일한 정보 소스입니다. store.dispatch ()를 사용하여 상점으로 보냅니다.
따라서 액션은 내부에 필요한 모든 데이터를 포함해야합니다.
전체 양식에 대해 하나의 작업을 실행하도록 선택하는 경우이 접근 방식을 사용할 수 있습니다 (완전히 채워 졌을 때만 보내기를 원하기 때문에 문의 양식이 좋은 예입니다).
먼저 버튼 클릭을 할 때 부모의 함수 component
(필요한 모든 필드를 포함하고 필요한 날짜를 수집하는 방법을 알고 있음)를 호출해야합니다 .
부모 구성 요소의 기능은 모든 필드 값을 자체 state
또는 states
자식 수집 에 저장할 수 있습니다 components
.
그런 다음이 함수에서 필요한 매개 변수를 사용하여 액션을 전달할 수 있습니다 (일반적으로에서 전달 된 액션 디스패처 container
).
공식 웹 사이트에서 좋은 설명을 찾을 수 있습니다 : UsageWithReact
이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.
침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제
몇 마디 만하겠습니다