2017-01-29 4 views
2

У меня есть компонент, который отображает, если выполняются некоторые условия, в противном случае он возвращает null.Определите, является ли компонент реакции нулевым.

Я хотел бы знать, как определить, возвращается ли компонент null от его родителя.

Я пробовал регистрировать компонент, чтобы увидеть, какие свойства меняются при его рендеринге или при возврате null, но не может обнаружить никакой разницы.

Любые предложения?

+0

любопытно, почему * * Вы хотите, чтобы определить, 'null' от родителей? –

+0

В моем приложении у меня есть Я хочу определить, отображается ли панель настроек. Если он возвращает null, мне нужно добавить дополнение к компоненту контента, чтобы навигационная панель не перекрывала содержимое. Если панель настроек выполняет визуализацию, отступы не требуются. Я решил проблему на данный момент, возвращая spacer высоту навигационной панели из компонента настроек вместо нуля, но решил оставить этот вопрос, учитывая, что было бы удобно знать, как делать то, что я спрашивал о , –

+0

u может сделать одну вещь, чтобы назначить некоторый идентификатор или классName для компонента установки, затем с помощью getElementById или класса u можно проверить, сколько у него детей, в случае null он ничего не угадает, я думаю, что он должен работать. –

ответ

0

Используйте переменную;

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