Я работаю с mapbox реакции gl - Это работает довольно хорошо до сих пор ... за исключением одной вещи. Пользователь может добавить местоположение своего родного города на карту. Когда появляется местоположение в родном городе, его можно щелкнуть для просмотра всплывающего окна. Я хочу, чтобы пользователь мог удалить местоположение из карты из всплывающего окна - поэтому я добавил функцию, которая удаляет местоположение из базы данных при нажатии кнопки. Проблема в том, что когда кнопка находится внутри всплывающего окна, функция не срабатывает - и я понятия не имею, почему.
Я перепутался с индексом z кнопки, но кажется, что при каждом нажатии кнопки вызывается функция onClose вместо функции handleDeleteHome ...
Редактировать * Если я удалить функцию onClose, функция handleDeleteHome срабатывает.
Любая помощь ценится! Спасибо!
{selectedHome && (
<Popup
latitude={bandLocation[0]}
longitude={bandLocation[1]}
onClose={() => {setSelectedHome(null)}}
offsetLeft={23}
offsetTop={-10}
>
<div>
<h4>Home Town</h4>
<Button
onClick={(e) => {
e.preventDefault()
handleDeleteHome()
}}
color="danger">x</Button>
</div>
</Popup>
)}