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

2022/08/03に公開約500字

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

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

結論

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

JSX Transform とは

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

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

原因

  • eslintrc ファイルで以前の設定を使いまわしてたことが原因
extends: [
    'plugin:react/recommended',
  ],
  • react/recommended がオンだとreact/react-in-jsx-scope というルールが適用される
  • React 16系以前で,import 文の書き忘れを防止するためのルール → 17系では不要

Discussion

ログインするとコメントできます