2016-02-08 3 views
3

Я новичок в Meteor/React и пытаюсь выяснить, как создать многостраничное приложение. Я очень запутался в том, как на самом деле получить маршрутизацию на работу. Я хочу иметь несколько html-файлов, которые, в зависимости от того, что происходит на одном, вызовут другой. Например,Многостраничные приложения с Meteor/React

Я нахожусь на main.html, и я нажимаю кнопку ->, и затем он должен вызывать вторичный.html для отображения на экране. Я нажимаю еще одну кнопку на secondary.html -> и направляет меня в tertiary.html.

Однако, всякий раз, когда я запускаю приложение, все мои html-файлы просто становятся визуализированными сразу (что-то, что Метеор просто делает автоматически, я думаю). Я пытался работать с FlowRouter. Любая помощь или совет будут очень признательны!

+2

Что вы сделали с FlowRouter? учебник достаточно прост и не приведет к ситуации, в которой вы сейчас находитесь. Каждый маршрут будет иметь определенный визуализированный шаблон. –

+0

Одна вещь, о которой я действительно смущаюсь, заключается в том, что вы используете ReactLayout.render (Layout) для рендеринга реагирующего компонента, но он всегда просто отображается на странице, на которой я сейчас. Скажем, у меня есть index.html и about.html, и я хочу, чтобы он отображался на второй странице после щелчка, как мне это сделать? Он всегда просто оказывается в нижней части первой страницы. –

+0

Вы случайно включаете компонент индекса обратно в компонент? обмен некоторыми кодами здесь может помочь –

ответ

0

Я получаю комфортабельный с железом: пакет маршрутизатора, вы можете увидеть в документации здесь: https://atmospherejs.com/iron/router

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

Но до сих пор, это то, как вы реализуете это самый простой способ:

Router.route("/myCustomRoute",function(){ 
this.render("/myCustomTemplate") 
} 

делая это, вы позволите вашему приложению иметь кратные маршруты :) Однако FlowRouter это очень хороший вариант (может быть, лучше), но это будет б e та же «логика кода» позади :)

Надеюсь, это поможет!

+0

благодарим вас за советы! –

Смежные вопросы