2017-11-30 10 views
0

反応でインポートして拡張する方法を観察しました。私が書いているのは以下の通りです。反応クラスをインポートするための推奨される方法は何ですか

import React from 'react'; 

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

しかし、次のような方法を使用している人もいます。

インポートを書くときの最良の方法またはベストプラクティスは何ですか。それは第1の方法か第2の方法ですか?またはベストプラクティスとして他の方法があります。ご意見をお聞かせください。

+0

アプローチ2ははるかにクリーンです。経験豊かな開発者がこのアプローチを使用し、推奨することを私は見てきました。 – BlackBeard

+4

あなたのプロジェクトでは正しい方法が続くでしょう。これは敬遠された質問です。アプローチのどちらかを好む人がいます。だから、チームで決定し、それに従うべきコーディングスタイルを持つ方が良い。 – Rajesh

答えて

0

この特定のケースのベストプラクティスはありません。どちらのスニペットもまったく同じことをします。 @ Rajeshが言ったように、それは意見と個人的な好みの問題でしかない。

個人的には私は既にReactをインポートしていますので、アプローチ1を好むのはComponentです。また、私は対extends Componentは目にほとんど違いがないと思います。

同じファイルから複数の反応コンポーネントをエクスポートすると、コード2を短くするため、アプローチ2を使用する方が理にかなっています。から

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

:ケース2が有用である

0

一つの例では、複数のハードコーディングされた定数やヘルパー関数

このような

として

types.jsをエクスポートモジュールがあるとしています理解の観点から、他のファイルで見ることができるのは開発者にとっては喜んでいる:

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

今日の終わりには、構文上の好みがあります。

関連する問題