使用 JSX 时，React 必须在范围内 - JavaScript

在使用 JSX 时，React 库必须先被 import 进来才能使用，否则会出现 "ReferenceError: React is not defined" 的错误。

什么是 JSX？

JSX 是 JavaScript 的一个语法扩展，它允许我们使用类似 HTML 的语法写 JavaScript 代码，而且使用起来也更加直观和便于理解。

JSX 属于可选的，但是建议在使用 React 进行开发时启用它，因为它可以提高代码的可读性和开发效率。

如何使用 JSX？

要使用 JSX，我们需要在 JavaScript 文件中先引入 React 库：

import React from 'react';

然后就可以在代码中使用 JSX 了：

// 在组件中使用 JSX

function MyComponent() {
  return <div>Hello World</div>;
}

为什么要引入 React ？

React 是一个用于构建用户界面的 JavaScript 库，它提供了一些机制使得我们可以快速高效地构建复杂的 UI 组件。

在使用 JSX 时，React 库会将 JSX 转换成纯 JavaScript 代码，然后再构建出组件的 UI。

如果没有引入 React 库，那么 JSX 语法是无法被正确解析的，也就无法在运行时生成对应的 UI。

因此，在使用 JSX 时，React 库必须先被引入并加载进来，否则会出现上文提到的 "ReferenceError: React is not defined" 错误。

总结

在使用 JSX 时，引入并加载 React 库是非常重要的，否则会出现无法解析 JSX 语法的错误。

同时，实际开发中建议启用 JSX，因为它可以提高代码的可读性和开发效率，帮助我们快速高效地构建 UI 组件。