2017-01-29 103 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> 
 
) 
 
}