라이브러리에서 가져온 React 구성 요소에 대한 정의를 추가하는 방법

Question

내 React 프로젝트에서 material-ui을 사용합니다. 믹스에 플로우를 도입하려고합니다.

예 :

import Paper from 'material-ui/Paper'; 

type Props = { 
    ruleName: string, 
    rules: Object[], 
    actions: string[], 
    allowSubmit: boolean, 
    onSubmit: ?Function, 
} 

const NotifyRule = (props: Props) => (
    <Paper style={{ padding: 10, width: '100%' }}> 
     .... 
    </Paper> 
); 

내가

declare module 'material-ui' { 
    declare type Paper = any; 
    declare var exports: 'material-ui'; 
} 

이 작동하지 않는 재료 UI에 대한 정의를 작성했습니다. 정말 도움이 될 것입니다이 해결에

import Paper from 'material-ui/Paper'; ^^^^^^^^^^^^^^^^^^^ material-ui/Paper. Required module not found

모든 포인터 : 나는 실패를 얻을.

Answer 1

당신은 흐름을 인식하기 위해 별도로 서브 모듈을 선언해야 :

declare module 'material-ui/Paper' { 
    declare var exports: any; 
} 

declare module 'material-ui' { 
    // Note: That export value looks weird to me, but whatever 
    declare var exports: 'material-ui'; 
} 

우리는 ... 어쩌면 당신은 :-) 거기에 영감을 flow-typed 저장소에 REDUX-사가와 비슷한 거죠

https://github.com/flowtype/flow-typed/blob/master/definitions/npm/redux-saga_v0.11.x/flow_%3E%3Dv0.28.x/redux-saga_v0.11.x.js