モジュールのビルドに失敗しました：重複宣言「エディタ」

Question

私はここに私のプロジェクトでのFacebookが提供する「RichEditor」の例を実装しようとしていますが、コードです：私はwebpack-dev-serverを使用して構築しようとしたときはいつでも

import React from 'react; 
import { Component } from 'react'; 
import { Editor, EditorState, RichUtils } from 'draft-js'; 
import { Map } from 'immutable'; 

'use strict'; 

const { Editor, EditorState, RichUtils } = Draft; 

//rest of the code... 

、私は取得しています次のエラー。 StackOverflowをチェックして、他のユーザーが正確なエラーを検出したかどうかを確認しました。しかし、1つを見つけることができませんでした。

Module Build Failed: Duplicate Declaration "Editor" 

'use strict'; 
> const { Editor, EditorState, RichUtils } = Draft; 

export class ...{} 

どこが間違っていますか？

注：私はReactJSを初めて使用しています。

Answer 1

Editorを一番上にインポートしてから、Draftを破棄するときに再び定義しています。

次のいずれかのこのようなdraft-jsの輸入にエイリアスEditorする必要があります。

import { Editor as DEditor, EditorState, RichUtils } from 'draft-js'; 

ここからはDeditor代わりのEditorを使用します。次に、下にEditorというconstの名前をつけることができます。

また、以下のDraftオブジェクトを破棄しないでください。

const { Editor, EditorState, RichUtils } = Draft;の代わりに、ドット構文でDraftのプロパティにアクセスします。すなわちDraft.Editor,Draft.EditorStateなど