Next.jsのベベル化後のオブジェクトの平等問題

Question

私はReactプロジェクトをNext.jsでビルドしています私はReact Simple Dropdownモジュールを追加しました。基本的なサンプルの著者が提供するだけです。すべて正常に動作します。今度は、3つのドロップダウンファイルをモジュールからコピーして修正したいと思います。だから私は私のコンポーネントディレクトリにsrcファイルをコピーしてから、私のコードで私の行を変更：に

import Dropdown, { DropdownTrigger, DropdownContent } from 'react-simple-dropdown' 

：if (child.type === DropdownTrigger)：

import Dropdown, { DropdownTrigger, DropdownContent } from './Dropdown/Dropdown' 

これはもはや仕事にこのlineが発生します。私のNext.jsのWebPACKのが異なっどんなツール作者の使用よりも、物事を処理しているようだ

：私は違いを（トップは私のコードです）を参照してくださいchild.typeを点検

元のコードをラベル化します。私は他の方法で試合を対処することができますが、何が起こっているのか理解したいと思います。それは関連するように思われるので、いくつかのデフォルトの輸出が、私は物事が異なる理由とバベルの設定がこれを処理する理由は明確ではない。

Answer 1

明らかに、devモードのReact Hot Loaderを持つクラス比較doesn't workです。現時点で修正されていない既知の問題。したがって、item.type.displayNane === 'DropdownTrigger'を使用すると回避策になります。