IoC in types of typecript

Question

저는 React에 매우 익숙합니다. 필자는 필자가 여러 개의 React 구성 요소에 삽입하여 사용할 수있는 서비스 (하나의 인스턴스)를 기본적으로 갖게되었습니다. 의 컨텍스트 반응 사용

• 하지만 문서화되지 않은 API이기 때문에 그것은,하지 않는 것이 좋습니다 :
  지금까지 제가 인터넷 검색으로 건너 한 옵션이었다.
• 구성 요소 요소에서, 소품에 따라 객체를 전달하지만, 조금 우아하고 지루한 느낌 같은 멋지다, 단지 그것을 타이프 라이터에 의존, 내가 돈 'inversifyJS, 같은 IoC 컨테이너를 사용
• 내 React 앱을 타이프 스크립트로 쓰고 싶다. 이제

, Inversify 분명히 inversify-vanillajs-helpers로, 바닐라 JS에서 사용할 수 있습니다,하지만 난 그것의 구성 요소를 해결에 반응 사용하려고 할 때 (내 App 구성 요소)이라는 예외를 던지는 유지

"ReactComponent에서 필요한 @ 주입 가능한 주석을 누락했습니다."

그래서 저는 (예 : 사용하는 몇 가지 구성 요소에서 같은 인스턴스가 공유되는) 서비스의 인스턴스를 얻는 방법을 찾으려고합니다. Revers와 일을 inversify하지만 필기체가 없거나 아직 탐구하지 않은 새로운 접근법이 있습니다.

아이디어가 있으십니까?

Answer 1

는 타이프 좋아하지 않는 경우에 당신이 할 수있는 몇 가지가 있습니다

첫째, 당신은 inversify.decorate 방법을 필요로 할 것입니다.

둘째,이 방법은 너무 자세하게 작성됩니다. 이러한 이유로 inversify-vanillajs-helpers이라는 도우미를 만들었습니다.

세 번째로 React는 생성자 삽입과 잘 작동하지 않으므로 inversify-inject-decorators이라는 지연 속성 주입을 용이하게하는 도우미를 만들었습니다.

그 세 가지 도구는 원하는 결과에 요를 연결되어야합니다 :)