【问题标题】:import React from 'react' - why this is necessary从 'react' 导入 React - 为什么这是必要的
【发布时间】:2018-08-21 20:08:47
【问题描述】:
import React from 'react';

我最近开始了 React,但我找不到它是什么以及为什么这是必要的。我的第一个应用程序没有它。能否给我参考官方来源,我在https://reactjs.org/找不到它

【问题讨论】:

  • 这可能会让您对developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/… 发生的事情有所了解。它不是一个反应的东西,它真的更像是一个 javascript 的东西。
  • 请看这个:stackoverflow.com/questions/51886682/… 没有它你如何使用 React?你的应用是如何编写的?
  • 因此,您将 React、ReactDOM 和 Babel 作为独立包包含到您的应用程序中。这是使用 React 的一种方式。但是,如果您通过 npm 创建一个 react 应用程序,您将在本地安装这些包并按照您的问题所示导入。
  • 不客气。我已经提供了一个答案,它也回答了这个问题。
  • 顺便说一下,import 是一个 Javascript 东西。如果您对 Javascript 不太熟悉,请先多学习一下。

标签: reactjs import


【解决方案1】:

您在评论中解释的是使用 React 的一种方式。通过这种简单的方法,您可以将相关包作为独立包添加到 HTML 文件中。 React 在这里被用于使用核心功能,例如 React.createElementReactDOM 用于将元素渲染到 DOM 中,Babel 用于使用 JSXBabelJSX 编译成常规的 Javascript。请参阅我在评论中提供的链接以查看示例。

现在,通过npmyarn 创建您的React 应用程序的另一种更合适的方法。

创建项目后,您必须重新安装所有这些包,因为您将需要它们:

yarn init
yarn add react react-dom babel *some_babel_packages*

之后,您就可以开始编写您的应用程序了。但是,当您作为学习者写作时,您将需要一些您看到其他人使用的 事物,例如 Webpack、开发服务器、热重载等,并且您会想要它们。相信我,你会的。那么你有两个选择。

  • 您将搜索如何完成这些事情。
  • 您将使用create-react-app

如果您想了解如何设置这些内容,只需在 Google 上搜索即可。您会找到一些教程,但请确保它们是最新的。

如果您想立即开始使用 React 进行编码,请使用 create-react-app。根据您的操作系统,搜索一下如何安装它,然后像这样使用它:

create-react-app myproject
cd myproject
yarn start

瞧!全部都准备好了。

【讨论】:

    猜你喜欢
    • 2020-12-29
    • 1970-01-01
    • 2019-08-12
    • 2021-11-01
    • 1970-01-01
    • 2018-06-23
    • 2020-06-06
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多