2017-06-12 12 views
2

私はこのエラーを一日中解決しようとしています。 ReactアプリにFlowを追加しようとしています。リアクション+フロー+エスプリント

私はこのように宣言コンポーネントがあります。MyComponentProps今

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

ため

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

と種類を、フローはエラーを報告しません。私はbabel-eslinteslint-plugin-flowtypeを使用してい

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

:私はアプリを実行しようとする。しかし、私はeslintエラーが発生します。 .eslintrcファイルにflowtype/define-flow-typeルールを追加しました。 .eslintrcファイルの関連部分は次のとおりです。

{ 
    "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 
    }} 

私は何が欠けていますか?

+0

宣言やそれらを参照しているどこかでESLintエラーが発生していますか? – btmills

+0

宣言について – Maggie

+0

eslint、babel-eslint、およびeslint-plugin-flowtypeのどのバージョンがありますか? – btmills

答えて

1

インポートしましたか?import React from 'react'を使用して反応しますか?

+0

はい:)これは動作するコンポーネントです。タイプセーフティを追加しようとしています。 – Maggie

+0

props 'props:MyComponentProps;' - >これは苦情の1つです 宣言された場所はわかりません。これがコンポーネントの場合は、propTypeまたはcontextTypesを使用する必要があります。 https://www.npmjs.com/package/prop-types – Demon

+0

https://stackoverflow.com/questions/38786973/how-to-set-component-default-props-on-react-component チェックアウトこの郵便受け。追加の質問があるかどうか尋ねてください。 – Demon