在React中，这两种导入方式有区别吗

Question

我以前在React中看到过这行代码import {Something} from "Somethingelse"，那么我也看到了这个import Something from "Somethingelse"，两者之间有什么区别，我什么时候使用，为什么要使用其中一个？此外，如果您已经非常熟悉Java等其他语言，那么跳过javascript并直接学习react是个好主意吗？

Answer 1

是的，这两种导入react中任何组件的方法都有区别。

1. 导入的第一种方法

   import Something from "Somethingelse"
   

   当您将任何函数导出为默认函数时，您可以使用它，如下所示。

   export default Somethingelse
   

2. 导入的第二种方式

   import {Something} from "Somethingelse"
   

   当您将任何函数导出为const时，可以使用上面的语法，如下所示。

   export const Somethingelse
   

还有你的第二个问题。

我建议在进入React之前至少学习一下JavaScript的基础知识，即使你们知道Java这样的语言，因为JavaScript和Java有很大的不同。

Answer 2

差异与模块(其中的函数(的导出方式有关。如果我们编写export default someFunc，那么我们可以使用import someFunc from someFile导入它。但是，如果我们改为编写export {someFunc}，那么我们必须使用import {someFunc} from someFile导入它。

您应该了解JS的基本原理，尤其是原型继承。JS的OOPS与Java的OOPS有些不同，因此理解它们肯定会有所帮助，因为ReactJS中的props致力于继承的概念。

Answer 3

1. 通过您提到的方式导入依赖于导出这些文件。准确地说，当我们使用

export const default Something

我们使用import Something from "Somethingelse"

当我们使用时

export const Something

我们使用import {Something} from "Somethingelse"

这是提示，在第二种情况下，我们可以使用import {Anything as Something} from "Somethingelse"(并且可以在您的项目中用作Anything！(

2. 关于在react之前学习javascript，我认为，你应该因为js是react或任何js框架/库的核心。但是，如果你认为你应该很快学会一些东西，你也可以跳过(即使你不能跳过javascript库(高级js