从'react'导入反应

Question

当我们在React应用程序的src文件夹中的index.js文件中编写代码时，首先我们会写下这一行：

import React from 'react';

我知道反应是一个包裹但我想知道什么是React对象、方法或其他东西。

Answer 1

为了了解React是什么，您只需要编写：

console.log(react);

然后您将看到它是一个具有许多属性和方法的对象。

字符串：

import React from "react";

我们写这篇文章是为了将这个对象导入到一个文件中，在那里我们将使用它的一些方法。如果在文件中没有使用React中的任何内容，那么就不需要导入它。例如，在react 18中，不再需要将react对象导入文件index.js

import { createRoot } from 'react-dom/client';
const root = createRoot(document.getElementById('root'));
root.render(<App />);

无论如何，在你研究反应的这个阶段，你可能并不完全清楚其中使用了什么以及为了什么，但在未来你会更加意识到反应的所有可能性。什么都有时间

Answer 2

导入的React变量是object，它包含React在生成网页时使用的大多数方法。

历史上需要导入的原因是，您编写的JSX(例如return <p>text</p>(被转换为函数调用，调用React.createElement函数。

---

请注意，在React的较新版本中，使用JSX时不再需要导入React。看见https://reactjs.org/blog/2020/09/22/introducing-the-new-jsx-transform.html了解更多信息。

---

感谢Olivier Boissé在评论中的回答。