2017-08-18 9 views
0

設定、私が定義されている「リアクト」---このエラーを得たが、私は私の変更可能性がどのようにReact.jsが

import React from 'react'; 
const app=({})=>{ 
    return <div>123</div>; 
}; 
export default app; 

を決して、未使用-varsは使用されることはありません。このエラーを解決するにはeslintrc.jsonファイル?

答えて

2

eslint-plugin-react eslintのReact固有のリンキングルールを導入するeslintプラグインを使用してください。

npmでインストールし、eslint設定ファイルで設定するだけです。

npm install eslint-plugin-react --save-dev

{ 
    "plugins": [ 
    "react" 
    ] 
} 

、その後、あなたはeslint設定ファイルにreact/jsx-uses-reactルールを有効にする必要があります。

"rules": { 
    // other rules, 
    "react/jsx-uses-react": 2 
} 

それとも、あなたはすべての推奨extendsプロパティでのconfigsをeslint-プラグインが反応し有効にすることができます。

{ 
    "extends": [... /*other presets*/, "plugin:react/recommended"] 
} 

しかし、これにより、ある種のadditional rulesも有効な優れたプラクティスを実施できるようになります。

+1

また、 'eslint'と一緒に[pretty](https://github.com/prettier/prettier)を使うことを強くお勧めします。 'eslint'を実行した後でコードをフォーマットする素晴らしいツールです。あなたの答えは – Hozefa

+0

thxです。うまくいきます。 –