У меня есть одностраничное приложение с встроенным экраном для ввода данных пользователем и основным контентом, который отображается на основе введенной информации.
Страница ввода (a) отображается, если ничего не было введено. На входе есть кнопка, которая устанавливает состояние при нажатии, чтобы вернуть главную страницу (B)
if (!this.state.hasInput) {
return (
<StyledComponentsA />)} else {
return (
<StyledComponentsB />
)}
Когда состояние переключается, стилизованные компоненты в B не имеют введенного стиля
Когда Я проверяю элементы, все в StyledComponentsB имеет имя класса стилевого компонента (например, sc-bdVaJa ozVPv)
Кроме того, если я переключаю троицу так, чтобы StyledComponentsB возвращался первым, стилизованные компоненты правильно стилизуются ,
В дополнение к этой структуре я также сделал попытку получить одно выражение return с условным выражением внутри него, но возникла та же проблема.