반응 클래스를 가져 오는 데 권장되는 방법은 무엇입니까

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가 말했듯이, 그것은 단지 의견과 개인적 취향의 문제 일뿐입니다. 개인적으로

, 나는 Component 미만이고 우리는 이미 React를 가져 오기 때문에 방법 1을 선호합니다. 또한, extends React.Component 대 extends Component은 눈에 약간의 차이가 있다고 생각합니다.

동일한 파일에서 동일한 구성 요소를 반출하는 경우 코드가 약간 단축되므로 접근 방식 2를 사용하는 것이 더 바람직합니다. 에서

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

: 경우이 유용

Answer 2

한 예는 여러 개의 하드 코딩 된 상수 또는 도우미 기능

이러한

로

types.js 수출 모듈이 있다고 가정입니다 이해하는 관점에서 볼 때 다른 파일에서 볼 수있는 것은 개발자에게 기쁜 일입니다.

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

하루가 끝나면 구문상의 선호가 있습니다.