为什么这个 React 教程 App.js 缺少 Mozilla 教程中所示的导入？

问题描述

我正在关注这个：https://developer.mozilla.org/en-US/docs/Learn/Tools_and_testing/Client-side_JavaScript_frameworks/React_getting_started

这清楚地表明如果没有列出第一个导入，组件将无法工作

import React from 'react';
import logo from './logo.svg';
import './App.css';

我刚刚创建了我的第一个教程应用程序，打开 App.js 但它不存在。但是我可以npm start毫无问题地运行它。

解决方法

共有三个导入语句。

import React from 'react';
Stackoverflow 已经有一堆问题及其答案（例如：JSX can be used without importing React）。简短回答：从 React 17 开始就可以忽略此导入。

import logo from './logo.svg';
下面是给 logo 变量赋值（通过 Webpack）；因此，如果此导入丢失，则 logo 将为 undefined。显然，您的应用程序可以以未定义的 logo 成功启动。

import './App.css';
此导入为组件添加了一些样式（通过 Webpack）。因此，您的应用程序在没有它的情况下具有默认浏览器样式。

这就是为什么您的应用程序可以在没有这些导入语句的情况下启动。