Draft.jsプラグインがいつ用意されているかを知るには？

Question

Draft.jsプラグインLinkifyを使用しています。

私は、ローカルストレージからコンテンツを読み込み、それをリンクしようとしています。

今、私はsetTimeoutを使用して、linkifyPluginを待機する必要があります。そうでない場合、読み込まれたコンテンツはリンクされていない純粋なテキストになります。

プラグインの準備が整ったことを知らせるイベントはありますか？

class MyComponent extends Component { 
    constructor(props) { 
    super(props); 

    this.state = { 
     editorState: EditorState.createEmpty() 
    }; 
    } 

    componentDidMount() { 
    // ... 
    if (hasDraft) this.loadEditor(draftFromLocalStorage); 
    } 


    loadEditor = rawContent => { 
    // here I have to use setTimeout to wait linkifyPlugin ready 
    setTimeout(() => { 
     const editorState = EditorState.push(this.state.editorState, convertFromRaw(rawContent)); 
     this.setState({ editorState }); 
    }, 5); 
    }; 


    render() { 
    return (
     <Editor 
     editorState={editorState} 
     plugins={[linkifyPlugin]} 
     onChange={this.onEditorChange} /> 
    ); 
    } 
} 

Answer 1

プラグインは非同期コード持っていると思うする理由はありませんソースコードを見て、Promise

loadEditor(rawContent){ 
    return new Promise((resolve, reject) => { 
    let editorState = EditorState.push(this.state.editorState, convertFromRaw(rawContent)); 
    resolve(editorState); 
    }); 
} 
//call it after component has mounted 
componentDidMount(){ 
    this.loadEditor(draftFromLocalStorage).then(data => this.setState({ editorState: data })); 
} 

Answer 2

ストレンジを使用してみてください：https://github.com/draft-js-plugins/draft-js-plugins/tree/master/draft-js-linkify-pluginが。あなたはこの関数にブレークポイントを入れてみてください可能性が

：https://github.com/draft-js-plugins/draft-js-plugins/blob/master/draft-js-linkify-plugin/src/linkStrategy.js

この関数は、状態のブロック毎に呼ばれるので、あなたは、テキストがLinkifyによって処理されているかどうかを見ることができるはずです。タイムアウトを削除しても関数がまだ呼び出されている場合は、実際の処理ではなくレンダリングに問題があるため、問題は別の場所にあるはずです。