많이는 아니지만 가끔식 자식 컴포넌트에 Ref 값을 받아서 처리해야 되는 부분이 있는데
Redux으로 하였을시 호출이 불가능하다.
Redux 6 버전 이전에는 withRef를 사용하였으나
connect(null, null, null, { withRef: true })(ChartsComponent);
Redux6 버전에서는 withRef 제거 ------> forwardRef로 변경되었음
ref={ref => this.chartsComponent = ref }
connect(null, null, null, { forwardRef: true })(ChartsComponent);
아래와 같이 Redux 문서에는
Note : We do not use getWrappedInstance() now
this.chartComponent.current.getWrappedInstance() 6버전 이전꺼는 선언후 withRef를 사용할수 있다.
The withRef option to connect has been replaced with forwardRef. If{forwardRef : true}has been passed to connect, adding a ref to the connected wrapper component will actually return the instance of the wrapped component.
'IT > React + TypeScript' 카테고리의 다른 글
정말 쉽게 Dispatch & states 를 Redux Hooks 사용하기 (0) | 2019.06.26 |
---|---|
[React] Children을 쓰는 이유? (0) | 2019.06.25 |
[Intervention] Unable to preventDefault inside passive event listener due to target being treated as passive. (2) | 2019.03.29 |
Default tslint 설정하는법??? (0) | 2018.05.09 |
The key is not sorted alphabetically 에러 메시지 해결 (0) | 2018.05.08 |