React + Flow + eslint

Question

Ich versuche, den ganzen Tag meinen Kopf um diesen Fehler zu bekommen. Ich versuche Flow zu meiner React-App hinzuzufügen.

Ich habe eine Komponente wie folgt erklärt:

// @flow 
class MyComponent extends Component { 
    static defaultProps = { 
    prop1: 'a', 
    prop2: 'b' 
    }; 
    handleOnClick: (value: string) => void; 
    props: MyComponentProps; 
} 

und Typ für MyComponentProps

type MyComponentProps = { 
    prop1: string, 
    prop2: string 
}; 

Nun Fluss keine Fehler meldet. Aber wenn ich versuche, um die App zu laufen, bekomme ich eslint Fehler:

error 'defaultProps' is not defined no-undef 
error 'handleOnClick' is not defined no-undef 
error 'props' is not defined   no-undef 

Ich babel-eslint und eslint-plugin-flowtype verwenden. Ich habe die flowtype/define-flow-type Regel zu meiner .eslintrc Datei hinzugefügt. Hier ist der relevante Teil meiner .eslintrc Datei:

{ 
    "parser": "babel-eslint", 
    "plugins": [ 
    "flowtype", 
    "react" 
    ], 
    "extends": [ 
    "plugin:flowtype/recommended" 
    ], 
    "rules": { 
    "flowtype/define-flow-type": 1, 
    "flowtype/use-flow-type" : 1, 
    "no-undef": 2, 
    "react/jsx-no-undef": 2 
    }} 

Was bin ich?

Answer 1

Haben Sie React mit import React from 'react' importiert?