- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
使用 Meteor 1.2.0.1 和 React。我的简单应用程序运行良好,但现在我需要 iron router .
应用布局:
client\
app.jsx
lib\
router.jsx
server
views\
home.jsx
layout.jsx
home.jsx:
Home = React.createClass({
render() {
return (
<div>
<h3>Hello World</h3>
<p>from home</p>
</div>
);
}
});
layout.jsx:
Layout = React.createClass({
render() {
return (
<div>
{this.props.children}
</div>
);
}
});
routes.jsx:
Router.route('/', () => {
let page = (
<Layout>
<Home/>
</Layout>
);
React.render(page, document.body);
});
当然,在我的 app.jsx
中,它工作得很好,因为它显示到 html 正文,但该设置不适用于多页面应用程序,因此需要路由。里面是:
Meteor.startup(() => {
let app = (
<Layout>
<Home/>
</Layout>
);
React.render(app, document.body);
});
问题是,如何让iron router(routes.jsx
)显示内容?
最佳答案
我强烈建议使用 Flow Router而不是铁路由器。将 Flow Router 添加到您的应用程序,然后添加 kadira:react-layout
以及。遵循这种格式,它应该可以工作:
FlowRouter.route('/', {
name: 'home',
action() {
ReactLayout.render(Layout, {content: <Home />});
}
});
FlowRouter.route('/login', {
name: 'loginPage',
action() {
ReactLayout.render(Layout, {content: <Login />});
}
});
您的 Layout
组件应如下所示:
Layout = React.createClass({
render() {
return (
<div>
<Header />
{this.props.content}
</div>
);
}
});
路由到带有参数的页面:
FlowRouter.route('/detail/:id', {
name: 'prodDetail',
action() {
ReactLayout.render(Layout, {content: <ProdDetail />});
}
});
然后在您的ProdDetail
组件中,您可以引用FlowRouter.getParam('id')
。查看完整FlowRouter documentation .
关于meteor - 在 Meteor 中配置 Iron 路由器 - React,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/32792092/
我阅读了一些关于 Iron javascript 的内容,但我要去哪里下载它? http://dotnet.dzone.com/articles/pumping-iron-javascript. 最佳
我正在尝试让一个简单的 Iron 示例起作用: extern crate iron; extern crate router; use iron::prelude::*; use iron::stat
我一直梦想从脚本语言创建一个“真正的 exe”。随着基于 DLR 的 Python 和 Ruby 实现可用,这是否更接近现实? 我想创建一个“真正的应用程序”: 一个 Windows 窗体应用程序 控
我正在通过iron.io入门指南进行操作:http://dev.iron.io/worker/getting_started/ 我正在采取步骤: Push it to Docker Hub and r
我在使用 iron-scroll-threshold 以及与其他页面共享同一主机的 iron-page 时遇到问题。 我的应用程序 UI 顶部有 paper-tabs。随着选项卡的更改,页面会延迟加载
我最近一直在使用 Polymer,我有一个熨斗选择器,在纸质抽屉中放满了纸质图标元素以供导航之用。但出于某种原因,我无法让他们链接: Home
我正在使用 Polymer 1.0 和 Golang 1.5。 我从 Go 发送一个带有 400 Bad Request 和一些内容的 json 响应,如下所示: d := struct{ M
我想花一些时间来了解更多关于构建在 DLR 之上的动态语言的知识,但我不确定哪种语言更适合学习。 时间有限,我真的只有时间去学习其中之一。 从长远来看,关于这两者(Iron Ruby 或 Iron P
我正在尝试运行 O'Reilly 出版的 Programming Rust 一书中的示例,但我坚持要使以下代码成功编译: Cargo.toml [package] name = "gcd-online
我正在探索 Iron Web 框架的功能。据我所知,Iron core 没有可处理的 APIHTTP 参数,所以我尝试使用 params crate。 error: the trait bound `
您会推荐 Iron Ruby、Iron Python 或 PowerShell 来使 C# 应用程序成为脚本宿主吗? 经过一些快速的修改,现在我倾向于 powershell 主要有两个原因(请注意,这
我正在尝试为 Iron 请求创建一个处理程序: extern crate iron; extern crate mount; use iron::{Iron, Request, Response, I
在 Polymer 文档 ( https://elements.polymer-project.org/elements/iron-input ) 中,我发现: 而在另一个官方文档(https://
在生产系统中开始使用 Iron Ruby 和 Iron Python 可以吗?此外,托管它们是否有任何其他要求? 另外,考虑到 F# 是一种与 Python 相同的函数式编程语言,在 .NET 框架中
在模板助手中,我从 Iron.Router (iron:router) 获取当前路径如下: Router.current().route.path(this); 这工作正常,除非路由路径确实包含参数
polymer 1.* 在父元素中,我使用Polymer.IronValidatableBehavior。 我的回调函数 arg this.setInvalidStates 存在范围问题。在子元素 b
所以我试图创建一个 DataGridViewColumn 的子类,它既有一个无参数构造函数,又有一个采用一个参数的构造函数,该参数需要 DataGridViewCell 类型。这是我的课: class
我在一个相当复杂的应用程序中使用 Iron Router,并且有一些路由将用户重定向到其他内部路由(例如, "/" 总是重定向到 "/dashboard" )。 我们一直在通过添加例如Router.g
有没有办法在IronRouter中进入下一页之前获取上一页位置? 有没有我可以用来获取这些信息的事件? 提前致谢。 最佳答案 由于 Iron Router 使用通常的 History API,因此您可
我有这个元素: ... Polymer({ ... _handleResponse: function(event){ co
我是一名优秀的程序员,十分优秀!