到目前为止，我对如何通过参数将属性从一个组件传递到另一个组件的了解程度如下
//开始：我的知识范围
假设存在一个topic在 A.jsx 中调用的状态变量。我想把它传递给 B.jsx，所以我执行以下操作
B = require('./B.jsx')
getInitialState: function() {return {topic: "Weather"}}
<B params = {this.state.topic}>
在 B.jsx 中，我可以做类似的事情
module.exports = React.createClass({
render: function() {
return <div><h2>Today's topic is {this.props.params}!</h2></div>
}
})
调用时将呈现“今天的主题是天气！”
//结束：我的知识范围
现在，我正在阅读有关 react-router 的教程，其中包含以下代码片段
主题.jsx：
module.exports = React.createClass({
render: function() {
return <div><h2>I am a topic with ID {this.props.params.id}</h2></div>
}
})
路线.jsx：
var Topic = require('./components/topic');
module.exports = (
<Router history={new HashHistory}>
<Route path="/" component={Main}>
<Route path = "topics/:id" component={Topic}></Route>
</Route>
</Router>
)
头文件.jsx：
renderTopics: function() {
return this.state.topics.map(function(topic) {
return <li key = {topic.id} onClick={this.handleItemClick}>
<Link to={"topics/" + topic.id}>{topic.name}</Link>
</li>
})
}
哪里this.state.topics是通过 Reflux 从 imgur API 中提取的主题列表。
我的问题是：通过什么机制params传递给propstopic.jsx？在代码中，我没有看到上述关于“我的知识范围”即的习语。<Topic params = {this.state.topics} />route.jsx 或 header.jsx 中都没有。链接到这里的完整回购。React-router 文档说 params 是“从原始 URL 的路径名中解析出来的”。这没有引起我的共鸣。