ESLintでReactを扱う - Qiita
{ "env": { "node": true, "es6: true }, "ecmaFeatures": { "jsx": true }, "plugins": [ "react" ], "rules": { "react/jsx-uses-vars": 1 } } ESLintは標準パッケージでjsxをサポートしてるのですが、React独自表記の部分はサポート外となっていて、そこはpluginでカバーする感じになっています。 例えばreact/jsx-uses-varsを無しでReact/ESLintを使うとHoge is defined but never used (no-unused-vars)とエラーが出てしまいます。 Hogeが定義されているけど使われないですよというエラーなのですが、この設定により<Hoge />と使うのを許可します。
eslint-plugin-react
If you are using the new JSX transform from React 17, extend react/jsx-runtime in your eslint config (add "plugin:react/jsx-runtime" to "extends") to disable the relevant rules. You should also specify settings that will be shared across all the plugin rules. (More about eslint shared settings) { "settings": { "react": { "createClass": "createReactClass", // Regex for Component Factory to use, //
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
