У меня есть приложение ReactJS, работающее с React-Router и несколькими другими пакетами на NodeJS. Я вносил некоторые изменения в код, и вдруг одна из моих страниц (одна, а не все) стала вести себя странно. Он просто добавляет display:none к встроенному стилю основного компонента.
В моем коде это выглядит так: 
В инспекторе выглядит так: 
Я полностью потерян. У меня нет jQuery беспорядка непосредственно с этим компонентом или чем-то еще, это просто появляется там.
Конечный результат, как и ожидалось: код выполняется точно так же, как и должен, а компоненты визуализируются, он просто добавляет раздражающий display:none сам по себе, оставляя пользователя с черным экраном. Если я выключаю его, он показывает мне страницу нормально.
Любые советы?
РЕДАКТИРОВАТЬ: В качестве теста я вложил это <div> в другой, без каких-либо классов или встроенных стилей и он добавил целые style="display: none к пустым <div> прямо под "root". В данный момент я настолько невежественен.
РЕДАКТИРОВАТЬ 2: Это больше не происходит! Однако все, что я сделал, это изменил некоторые условия для метода рендеринга. У меня был
if (boolean) {
return (
<div id={mainDashboard}</div>
);
} else {
return (
<div/>
);
}
И я изменил его на один return вызов, и вместо этого использовал оператор Элвиса. И все заработало, больше не было загадочно добавлено CSS.
Почему? React плохо справляется с этим «условным рендерингом»? Или я просто использовал это неправильно?