Как интегрировать React Router в Meteor?
Я пытаюсь интегрировать маршруты с помощью React Router в Meteor Project. Я следил за документацией Meteor React, но почему-то она не работает. Пробовали использовать Router вместо BrowserRouter, но безрезультатно. Любые предложения по этому поводу.
импорт/запуск/клиент/routes.js
import { BrowserRouter, Route, Switch } from "react-router-dom";
import App, City , NotFound from "respective-modules";
export const renderRoutes = () => {
<BrowserRouter>
<div>
<Switch>
<Route exact path = "/" component = {App} />
<Route exact path = "/city" component = {City} />
<Route component = {NotFound} />
</Switch>
</div>
</BrowserRouter>;
клиент/main.html
<body>
<div id = "react-target"></div>
</body>
клиент/main.jsx
import { renderRoutes } from "/imports/startup/client/routes.js";
Meteor.startup(() => {
render(renderRoutes(), document.getElementById("react-target"));
});
Но появляется пустая страница.
Я просто избегал шаблонного кода @ChristianFritz
Привет @ChristinaFritz, к сожалению, ошибки нет. Он просто не отображает функцию renderRoutes(). Если я подключаю прямой компонент (< City /> ), показанный ниже, он работает правильно. Но мое требование - конфигурация маршрутов. Meteor.startup(() => { render( <City />, document.getElementById("react-target")); });
Ответы 1
Если код, который вы показываете, верен (т. е. точно скопирован из того, что вы используете), то у вас просто есть дополнительная фигурная скобка:
export const renderRoutes = () => {
<BrowserRouter>
нужно либо:
export const renderRoutes = () =>
<BrowserRouter>
или
export const renderRoutes = () => {
return <BrowserRouter>
Великолепно @Christian Fritz. Пока потратил почти 6 часов. Спасибо, что спасли меня от этой ошибки. Принятие ответа сразу. Ваше здоровье !
Рад был помочь! Не знаю, сколько раз это случалось и со мной.
import App, City , NotFound from "respective-modules";выглядит неправильно, или у вас действительно есть компоненты во внешнем пакете npm? Есть ли у вас какие-либо ошибки в консоли браузера? Кроме того, вы можете опубликовать исходный код приложения здесь? Я предполагаю, что вы тестируете маршрут/, и это то, что пусто, верно?