흐름 확인을 위해 객체 (CSS 모듈 용)가 ReactCSSTransitionGroup에 전달되도록 허용

Question

ReactCSSTransitionGroup, CSS 모듈 및 흐름을 사용 중입니다. 내가 CSS 모듈을 사용하고 있기 때문에

<ReactCSSTransitionGroup 
    transitionName={{ 
    enter: slideTransition.enter, 
    enterActive: slideTransition.enterActive, 
    leave: slideTransition.leave, 
    leaveActive: slideTransition.leaveActive, 
    }} 
    transitionEnterTimeout={500} 
    transitionLeaveTimeout={500} 
> 
    { /* ... */ } 
</ReactCSSTransitionGroup> 

, 나는 enter, enterActive, leave 및 leaveActive 객체의 키의 각을 통과해야합니다.

src/components/Category.jsx:153 
153:   transitionName={{ 
          ^object literal. This type is incompatible with 
14:  transitionName: string | ReactCSSTransitionGroupNames, 
         ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ union: string | ReactCSSTransitionGroupNames. See lib: flow-typed/npm/react-addons-css-transition-group_v15.x.x.js:14 
    Member 1: 
    14:  transitionName: string | ReactCSSTransitionGroupNames, 
          ^^^^^^ string. See lib: flow-typed/npm/react-addons-css-transition-group_v15.x.x.js:14 
    Error: 
    153:   transitionName={{ 
           ^object literal. This type is incompatible with 
    14:  transitionName: string | ReactCSSTransitionGroupNames, 
          ^^^^^^ string. See lib: flow-typed/npm/react-addons-css-transition-group_v15.x.x.js:14 
    Member 2: 
    14:  transitionName: string | ReactCSSTransitionGroupNames, 
            ^^^^^^^^^^^^^^^^^^^^^^^^^^^^ ReactCSSTransitionGroupNames. See lib: flow-typed/npm/react-addons-css-transition-group_v15.x.x.js:14 
    Error: 
    14:  transitionName: string | ReactCSSTransitionGroupNames, 
            ^^^^^^^^^^^^^^^^^^^^^^^^^^^^ property `appear`. Property not found in. See lib: flow-typed/npm/react-addons-css-transition-group_v15.x.x.js:14 
    153:   transitionName={{ 
           ^object literal 

CSS 모듈을 사용할 수있는 동안이 오류가 침묵하거나 올바른 유형을 전달할 수있는 방법이 있나요 :

그러나,이 파일의 flow 검사는 다음과 같은 나에게 말한다? 당신이 필요한 appear 및 appearActive 소품을 놓친 귀하의 경우에는

export const nameShape = React.PropTypes.oneOfType([ 
    React.PropTypes.string, 
    React.PropTypes.shape({ 
    enter: React.PropTypes.string, 
    leave: React.PropTypes.string, 
    active: React.PropTypes.string, 
    }), 
    React.PropTypes.shape({ 
    enter: React.PropTypes.string, 
    enterActive: React.PropTypes.string, 
    leave: React.PropTypes.string, 
    leaveActive: React.PropTypes.string, 
    appear: React.PropTypes.string, 
    appearActive: React.PropTypes.string, 
    }), 
]); 

:

Answer 1

transitionName는 유형의 엄격한 목록을 사용합니다. 또한

flow

다음 행으로 알리는되어

Error: 
    14:  transitionName: string | ReactCSSTransitionGroupNames, 
            ^^^^^^^^^^^^^^^^^^^^^^^^^^^^ property `appear`. Property not found in. See lib: flow-typed/npm/react-addons-css-transition-group_v15.x.x.js:14 
    153:   transitionName={{ 
           ^object literal