Как перенести всплывающее окно с маркером на боковую панель? - PullRequest
0 голосов
/ 29 мая 2019

Я создаю веб-приложение с помощью React Leaflet. Как я могу перенести всплывающее окно маркера в ответные листовки-боковые базы данных

Локальная машина с реакцией (windows 10)

 <Sidebar
          id="sidebar"
          position="right"
          collapsed={this.state.collapsed}
          closeIcon={<FontAwesomeIcon icon={faAngleRight} />}
          selected={this.state.selected}
          onOpen={this.onOpen.bind(this)}
          onClose={this.onClose.bind(this)}
 >
     <Tab
            id="markerinfo"
            header="Information"
            icon={<FontAwesomeIcon icon={faInfoCircle} />}
          >
            // I need to transfer marker information here
     </Tab>
</Sidebar>

1 Ответ

0 голосов
/ 05 июля 2019

Не уверен, что понимаю вопрос.Но я думаю, что ответ просто React State.Скажем, у вас есть маркер, и в заголовке хранится только заголовок, вы можете взять его где угодно.

См. Этот пример песочницы.https://codesandbox.io/s/react-sidebar-marker-wknsp

Примечание: пример со страницы GitHub на этой боковой панели не работал с моим стилем / и т. Д. Для кода sandbox.io, поэтому он немного адаптирован.

...