flowtype: एक न्यूनतम उदाहरण है कि इस मुद्दे को पता चलता की <a href="https://github.com/saadq/test-ignore" rel="noreferrer">Here is a full GitHub repo</a>: जब redux कार्यों

Question

संपादित में स्थिरांक का उपयोग कर "शाब्दिक जो मामले को चुनने के लिए तय नहीं कर सका वस्तु"।

मेरे पास एक साधारण काउंटर ऐप है। यहाँ मेरी कार्रवाई रचनाकारों हैं:

actions.js

/** 
* @flow 
*/ 

import { INCREMENT, DECREMENT } from '../constants' 

type Action = 
    | { type: 'INCREMENT' } 
    | { type: 'DECREMENT' } 

function increment(): Action { 
    return { 
    type: INCREMENT 
    } 
} 

function decrement(): Action { 
    return { 
    type: DECREMENT 
    } 
} 

export { increment, decrement } 
export type { Action } 

वर्तमान में, मैं दोनों increment और decrement कार्यों में कोई त्रुटि है जिसमें कहा गया है कि वस्तु शाब्दिक जो मामले को चुनने के लिए तय नहीं किया जा सका हो रही है संघ प्रकार।

इन त्रुटियों को ठीक करने के लिए, मैं type: 'INCREMENT' को type: INCREMENT बदल सकते हैं और type: 'DECREMENT' को type: DECREMENT बदल सकते हैं। हालांकि, मैं इस स्थिरता का उपयोग कई स्थानों (रेड्यूसर की तरह) में करने जा रहा हूं, इसलिए मैं केवल स्थिर आयात करने और वहां इसका उपयोग करने में सक्षम होने की उम्मीद कर रहा था। क्या यह फ्लो टाइप में ऐसा नहीं है?

constants.js

/** 
* @flow 
*/ 

const INCREMENT: 'INCREMENT' = 'INCREMENT' 
const DECREMENT: 'DECREMENT' = 'DECREMENT' 

export { 
    INCREMENT, 
    DECREMENT 
} 

reducer.js

/** 
* @flow 
*/ 

import { INCREMENT, DECREMENT } from '../constants' 
import type { Action } from '../actions' 

type State = number 

function counter(state: State = 0, action: Action): State { 
    switch (action.type) { 
    case INCREMENT: 
     return state + 1 

    case DECREMENT: 
     return state - 1 

    default: 
     return state 
    } 
} 

export default counter 

संपादित करें::

स्पष्टता के लिए, यहां फ़ाइलों के बाकी हैं यहाँ एक विस्तृत त्रुटि है लॉग

src/actions/counter.js:12 
       v 
12: return { 
13:  type: INCREMENT 
14: } 
    ^object literal. Could not decide which case to select 
11: function increment(): Action { 
          ^^^^^^ union type 
    Case 1 may work: 
    8: | { type: 'INCREMENT' } 
      ^^^^^^^^^^^^^^^^^^^^^ object type 
    But if it doesn't, case 2 looks promising too: 
    9: | { type: 'DECREMENT' } 
      ^^^^^^^^^^^^^^^^^^^^^ object type 
    Please provide additional annotation(s) to determine whether case 1 works (or consider merging it with case 2): 
    13:  type: INCREMENT 
       ^^^^^^^^^ identifier `INCREMENT` 

src/actions/counter.js:18 
       v 
18: return { 
19:  type: DECREMENT 
20: } 
    ^object literal. Could not decide which case to select 
17: function decrement(): Action { 
          ^^^^^^ union type 
    Case 1 may work: 
    8: | { type: 'INCREMENT' } 
      ^^^^^^^^^^^^^^^^^^^^^ object type 
    But if it doesn't, case 2 looks promising too: 
    9: | { type: 'DECREMENT' } 
      ^^^^^^^^^^^^^^^^^^^^^ object type 
    Please provide additional annotation(s) to determine whether case 1 works (or consider merging it with case 2): 
    19:  type: DECREMENT 
       ^^^^^^^^^ identifier `DECREMENT` 

Answer 1

कोशिश आप कार्रवाई घोषणा में typeof जोड़ने के लिए:

type Action = 
    | { type: typeof INCREMENT } 
    | { type: typeof DECREMENT } 

try flow here

इसके अलावा आप यहां $Keys

const ActionTypes = { 
    INCREMENT: 'INCREMENT', 
    DECREMENT: 'DECREMENT' 
} 

type Action = { type: $Keys<typeof ActionTypes> } 

this looks less verbose

अतिरिक्त जानकारी का उपयोग कर सकते हैं: https://github.com/facebook/flow/issues/2377