Запуск события React из фронтенда Django

Я хочу открывать диалоговое окно в React каждый раз, когда пользователь нажимает на соответствующую кнопку в Navbar. Проблема в том, что Navbar является частью Django Frontend.

Я пытался обновить значение в localstorage, но у меня ничего не получилось. Я пробовал использовать window.addEventlistener(), но он не обновлялся, если изменения вносились из Django Navbar.

useEffect(() => {
    window.addEventListener('storage', console.log("CHANGED"))
    return () => {
      window.removeEventListener('storage', console.log("CHANGED"))
    }
}, [])

Шаблон Django

<div class="navbar-nav mr-auto" id="ftco-nav">
    <button id="experimentbtn" onClick="open_experiment()" class="btn nav-link">Experiment</button>
</div>

<script>
    function open_experiment() {
        localStorage.setItem('experiment', 'true');
    }
</script>

<div id="root"></div> #This is where the React part is rendered

Предложенное решение не обязательно должно быть связано с этим, я просто хочу знать, есть ли есть ли другой способ заставить Django взаимодействовать с React для запуска такого переключателя событий?

Вернуться на верх