2017-01-29 35 views
2

如果滿足某些條件,我有一個組件呈現,否則返回null確定反應組件是否爲

我想知道如何確定組件是否從其父項返回null

我已經嘗試記錄組件,以查看它呈現時或返回null時發生了哪些屬性更改,但無法檢測到任何差異。

有什麼建議嗎?

+0

好奇,爲什麼* *您想從父確定'null'? –

+0

在我的應用程序中,我有 我想確定設置欄是否呈現。如果它返回null,那麼我需要向內容組件添加填充,以便導航欄不會與內容重疊。如果設置欄呈現,則不需要填充。 我已經解決了問題,現在通過從設置組件返回一個spacer的高度而不是null,但已決定離開這個問題,因爲它可以方便地知道如何執行我正在查詢的內容。 –

+0

你可以做一件事情分配一些id或className設置組件,然後通過使用getElementById或類,你可以檢查它有多少個孩子,如果爲null,它將沒有我猜測,我認爲它應該工作。 –

回答

0

使用變量;

render() { 
 
    let settings = (<Settings... />); 
 
    if (settings) not null; 
 
    else null; 
 
    return (
 
    <div> 
 
     ... 
 
     {settings} 
 
     ... 
 
    </div> 
 
) 
 
}