导入反应类的推荐方法是什么答案

【问题标题】：What is the recommended way to import react classes导入反应类的推荐方法是什么
【发布时间】：2017-11-30 06:22:14
【问题描述】：

我观察到我们在 react 中导入和扩展的一种方式。我平时的写法如下。

import React from 'react';

class SomeClass extends React.Component {
    //Some code
}

但我也看到有人使用以下方式。

import React, { Component } from 'react'

class SomeClass extends Component {
    //Some code
}

编写导入时最好的方法或最佳实践是什么。是第一种方式还是第二种方式？或者有没有其他方法作为最佳实践。请指教。

【问题讨论】：

【解决方案1】：

对于这种特殊情况没有最佳实践。两个 sn-ps 都做同样的事情。正如@Rajesh 所说，这只是意见和个人喜好问题。

就个人而言，我更喜欢方法 1，因为我们已经导入了 React，这是 Component 所在的位置。另外，我认为extends React.Component 与extends Component 的区别不大。

话虽如此，如果您要从同一个文件中导出多个 React 组件，则使用方法 2 更有意义，因为这会稍微缩短您的代码。

【讨论】：

【解决方案2】：

案例二很有用的一个例子是说你有一个模块可以导出多个硬编码的常量或辅助函数

如

types.js：

export const ACTION_1 = "...";
export const ACTION_2 = "...";

从理解的角度来看，开发者在其他文件中看到是很高兴的：

import {
 ACTION_1,
 ACTION_2
} from './types.js'

归根结底，这是句法偏好。

【讨论】：