Question

我观察了一种导入和扩展反应的方式。我通常写的方式如下。

import React from 'react';

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

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

import React, { Component } from 'react'

class SomeClass extends Component {
    //Some code
}

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

Answer 1

这种特殊情况没有最佳做法。两个片段完全相同。正如@Rajesh所说，这只是意见和个人偏好的问题。

就个人而言，我更喜欢方法1，因为我们已经导入React，Component位于extends React.Component之下。另外，我认为extends Component vs idx = ~ismember(A,B,'rows'); res = A(idx,:);对眼睛的影响不大。

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

Answer 2

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

如

types.js：

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

从理解的角度来看，开发人员很乐意在其他文件中看到：

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

在一天结束时，这是句法偏好。

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

2 个答案: