JSXで宣言される前のリアクタンス要素を参照する

Question

私のプロジェクトにreact-native-zss-rich-text-editorを実装しており、RichTextToolbarにRichTextEditorコンポーネントへの参照を返す関数が必要な問題があります。

RichTextToolbarそれは

<RichTextEditor 
    ref={(r) => this.richtext = r}/> 
<RichTextToolbar 
    getEditor={() => this.richtext}/> 

正常に動作します。しかし、私が最初にRichTextToolbar、その後

<RichTextToolbar 
     getEditor={() => this.richtext}/> <----- 
    <RichTextEditor 
     ref={(r) => this.richtext = r}/> 

Answer 1

このコードを試してみてください例外をスローRichTextEditorをレンダリングしたいと思います前に、私はのRichTextEditorをご注文いただいた場合：

<RichTextToolbar 
    getEditor={() => this.richtext ? this.richtext : <div/>}/> 
<RichTextEditor 
    ref={(r) => this.richtext = r}/> 

この解決策は、pそれにはコンポーネントRichTextToolbarの要件と互換性のあるものが必要です。 divが良くない場合は、他のものと交換してください。私は似たような試みたがRichTextToolbarのcomponentDidMount機能はのRichTextEditorを登録しようとするとスローと例外

{ this.richtext ? 
    <RichTextToolbar 
     getEditor={() => this.richtext}/> 
    : null 
} 
<RichTextEditor 
    ref={(r) => this.richtext = r}/>