Требует ли приложение React.js быть одной страницей

Question

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

Если нет, то как мне управлять компонентами за пределами них? По FLUX? Любые другие стандартные методы?

Если да, то есть, есть ли библиотеки для выполнения разрешений/проверки доступа на стороне клиента для ответа?

Большое спасибо!

Answer 1

Реактивное приложение не обязательно должно быть одностраничным приложением. React предоставляет вам образ модели HTML с точки зрения классов с определенной логикой визуализации, но не навязывает какую-либо конкретную прикладную логику, такую ​​как single vs multi page.

Я не совсем уверен, что понимаю оставшиеся ваши вопросы, но я думаю, что вы, по сути, просите , как моделировать приложение-приложение как многостраничное приложение. Есть много способов, однако, было бы структурировать ваши файлы следующим образом:

./app --> main page for your app 
    ./app/page1/ --> page 1 of your app 
    ./app/page2/ --> page 2 of your app 
    ... 

Таким образом, каждая «страница» будет содержать Самодостаточный реагировать проект. Ваша основная страница приложения может содержать гиперссылки, которые загружают эти страницы, или вы можете загружать их асинхронно в свой код javascript.

EDIT: вопрос разъяснены в комментарии является как можно внести изменения среагировать компонент из-за какие-либо действия на странице:

Say react component B содержится в react component A. Пользователь нажимает button B, который содержится в react component B, а при нажатии вызывает callback B в react component B, и этот щелчок должен вызвать некоторые действия в react component A. callback B должен как-то уведомить react component A, что все изменилось.

Здесь вы можете выбрать, что делать. Вы могли бы испустить ошибку react component B, которую react component A прослушивает (и повторно отображает соответственно), или вы можете использовать модель FLUX. В модели FLUXreact component B испустит изменение состояния в каком-либо хранилище состояний, что приведет к выходу события. react component A необходимо будет установить обратный вызов события для этого события, и когда react component B испускает его, react component A может реагировать на него.