Как создать немодальный диалог React?

Я работаю над приложением на основе javascript React, работающим под nwjs.

Моя задача: по нажатию кнопки отображать прокручиваемые инструкции в диалоговом окне, которое пользователи могут перетаскивать на второй монитор, чтобы они могли выполнять свою работу в главном окне, следуя инструкциям в моем новом диалоговом окне.

Я умею только делать модальные диалоги с React. Как сделать немодальный диалог, чтобы пользователь мог прокручивать инструкции по мере необходимости, работая в главном окне?


reactjs javascript nwjs non-modal
person David Burson    schedule 21.06.2017    source источник
comment
Вы можете открыть новое окно; вы не можете перетащить HTML из браузера.   -  person Dave Newton    schedule 21.06.2017
comment
Спасибо. Основываясь на вашем комментарии, я просматриваю nwjs Окно.открыть сейчас.   -  person David Burson    schedule 21.06.2017

Ответы (1)


arrow_upward
2
arrow_downward

Окно, которое вы создаете, должно оставаться в окне браузера.

Вызовите новое дочернее окно, чтобы получить новое окно, которое можно перетаскивать по рабочему столу.

Window.open(url, [options], [callback])

См. документацию

person azurinko    schedule 21.06.2017
comment
Спасибо. Не знаете ли вы, где найти небольшой образец приложения, демонстрирующий отображение компонента реакции в новом окне? - person David Burson; 21.06.2017
comment
Нет, но вы можете загрузить любой URL-адрес в новое окно, с новыми экземплярами реакции, вы можете распространять события, возможно, через локальное хранилище или через ipcRenderer -> ipcMain -> ipcRenderer (другой) ... возможно, события в локальном хранилище доступны из каждого окна электронного браузера, иначе нет простого способа распространения событий в разных окнах браузера. - person azurinko; 27.06.2017