React-Redux로 작업 할 때 직접 DOM에 액세스

Question

최근에 반응 형 redux 아키텍처로 작업하기 시작했습니다. 성공적인 작업 후에 일부 필드를 정리하고 싶습니다. 나는 반응 - redux 방법을 사용하여 그것을하는 방법을 알고 있지만 궁금 해서요 : 일반 자바 스크립트를 사용하여 이러한 필드를 청소하는 것은 나쁜 습관으로 간주됩니까? 나는 그것이 타임 머신에 영향을 미친다는 것을 안다. 그러나 이것을 보존하기위한 중요한 상태라고 생각하지 않는다.

장황한 답변이 아니라 장단점이 있습니다.

그리고 예 :

<input type="text" onChange={this.onChange}/> 

나는 OnChange 이벤트와 부모의 개인 필드를 업데이트합니다. 입력란의 값 필드에 개인 필드를 바인딩 할 수 있다는 것을 알고 있지만 그 필요성은 필드를 지우는 것이므로 필자는이를 피할 수 있다고 생각합니다.

미리 감사드립니다.

Answer 1

구성 요소에 중요하지 않은 상태를 저장하는 것은 Redux 규칙에 위배되지 않습니다. 단지 일들의 일관성과 예측 가능성을 떨어 뜨립니다. 장기적으로 구성 요소 트리에있는 상태의 작은 비트를 후회할 수 있습니다.

그러나 예제에서는 텍스트 값을 다시 설정하기 위해 DOM을 참조 할 필요가 없습니다. 텍스트 값을 비공개 필드에 이미 저장 했으므로 해당 필드를 상태로 저장하지 않으시겠습니까?

<input type="text" value={this.state.text} onChange={this.onChange} /> 

그런 다음 재설정하려면 setState({text: ""}) 일 수 있습니다.