meteor - 如何在 Meteor 中集成 React Router?
问题描述
我正在尝试在 Meteor Project 中使用 React Router 集成路由。我遵循了 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"));
});
但是出现了一个空白页面。
解决方案
如果您显示的代码是正确的(即,从您正在运行的代码中准确复制),那么您只需要一个额外的大括号:
export const renderRoutes = () => {
<BrowserRouter>
需要是:
export const renderRoutes = () =>
<BrowserRouter>
或者
export const renderRoutes = () => {
return <BrowserRouter>
推荐阅读
- javascript - 如何通过 rpc 查询获取价值?
- json - 有没有办法在 JMeter 的一个断言中添加多个验证?
- swift - 如何让用户向我的应用程序添加附件,例如 pdf 或 jpg,然后如何将其存储在我的领域数据库中?
- python - 我可以在 Django 中使用 Textarea 作为 modelformset 的表单吗?
- spring - 如何使用 Spring Boot 向 Whatsapp 发送消息?
- javascript - 我可以获得格式化我未来日期 javascript 的帮助吗?
- javascript - 使用 Apache 运行服务器端 Javascript
- css - 如何防止我的图片在 CSS 中溢出?
- build - Netlify 在构建时部署问题
- python - Python从zip中提取文件