參考其在JSX

Question

宣佈我實現我的項目react-native-zss-rich-text-editor時遇到一個問題，即RichTextToolbar需要返回一個裁判一RichTextEditor組件的功能反應過來之前元素。

如果我下令使用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：

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

該解決方案是p與它的組件RichTextToolbar的要求兼容。如果div不好 - 更換一些別的。

根據您的評論試試這個：

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