[React] import React from 'react' の有無について

めっちゃどうでもいいけどずっと疑問だったやつ

• jsx ファイルの先頭に以下のimportが必要な時と不要な時の違いについて

import React from 'react';

結論

• React 17 で改善されて JSX Transform が改善されて不要になった

JSX Transform とは

• jsx ファイルは，ブラウザでそのまま実行できない
• Babel や TypeScript を利用して jsx を js に変換する必要がある
  • 変換することをトランスパイルという

React のバージョン 17 より上なのに怒られたんだけど…

原因

• eslintrc ファイルで以前の設定を使いまわしてたことが原因

extends: [
    'plugin:react/recommended',
  ],

• react/recommended がオンだとreact/react-in-jsx-scope というルールが適用される
• React 16系以前で，import 文の書き忘れを防止するためのルール → 17系では不要