Semanti c UI React Боковая панель Pushable - PullRequest
Новая
       43

Semanti c UI React Боковая панель Pushable

0 голосов
/ 03 мая 2020

Я пытаюсь создать левую боковую панель только для рабочего стола (минимальная ширина 1200 пикселей), в другом случае (планшет, мобильный) необходимо скрыть боковую панель. Я использую Sidebar Pushable от Semanti c UI React .

Я попробовал эту демонстрацию к этому, но не работает: 

              <Sidebar.Pushable as={Segment}>
                        <Sidebar
                            as={Menu}
                            animation='push'
                            icon='labeled'
                            inverted
                            vertical
                            visible={window.innerWidth >= 1200 ? true : false}
                            width='thin'
                        >
                            <Menu.Item as='a'>
                                <Icon name='home' />
                                Home
                            </Menu.Item>
                            <Menu.Item as='a'>
                        <Sidebar.Pusher>
                            <Segment basic>
                                 //CONTENT
                                
                            </Segment>
                        </Sidebar.Pusher>
                    </Sidebar.Pushable>

У кого-то еще была такая же проблема? Огромное спасибо! Армандо

1 Ответ

0 голосов
/ 03 мая 2020

проблема не в времени загрузки рендера. Проблема заключается в том, что реакция не выполняет повторную визуализацию компонента, если состояние этого компонента не изменяется. Поскольку вы напрямую связали видимую подпорку с window.innerWidth, для этого компонента состояние не изменилось и, следовательно, не было выполнено повторная визуализация. Проверьте эту ссылку с рабочим кодом песочницы https://codesandbox.io/s/semantic-ui-example-xqhjl?file= / пример. js

...