Redux 양식 - 여러 업데이트 기능이 느리게 렌더링됩니다.

Question

redux-form 7.2.0을 사용하고 있습니다.

내 프로젝트에는 30 개의 필드가 있습니다.

첫 번째 필드 값에 따라 약 20 개의 필드를 업데이트해야합니다. 나는 change action creator를 20 번이나 호출한다. 이 20 개의 필드를 렌더링하는 데 더 많은 시간이 걸립니다. 아주 느린.

렌더링 속도가 빨라지는 방법이 있습니까?

또는

단일 조치에서 여러 필드를 업데이트하는 방법은 있습니까?

Answer 1

정말로 유일한 답은 추가 미들웨어 공급자를 사용하는 것입니다. 장단점에 대해 알아 보려면 dispatch multiple actions from Redux action creators을 참조하십시오.

첫 번째 필드가 변경 될 때 상태 트리 어딘가에 플래그를 설정할 수 있습니다. 모든 필드가 업데이트 될 때까지 shouldComponentUpdate을 통해 렌더링하지 말고 모든 것이 업데이트되면 그 플래그를 다시 설정하십시오.

내가 처리 할 수있는 유일한 다른 방법은 더 큰 상태 변경을 위해 reducer.plugin을 사용하는 것이지만 이것은 미래에 쉽게 깨질 수 있고 예측 가능한 방식으로 행동하지 않는 위험한 경로라고 생각합니다.

현재 배치 필드 변경은 redux-form 또는 redux에 의해 직접 지원되지 않습니다.