此处的代码:
// a.js
import ...
const NestRouter = () => (
<Route path="/path1" component={component1} />
<Route path="/path2" component={component2} />
)
它可以直接使用url浏览component1和component2。在componnet1下,有一个子组件11:
// b.js
const component1 = () =>
<div>
<component11 />
<component12 />
</div>
component11的样式链接具有to="/path2"
属性:
// c.js
const component11 = () =>
<div>
...
<Link to="/path2">styled link</Link>
</div>
如何让to="/path2"
在嵌套组件中工作? (我知道可以使用withRouter
hoc函数,但是为什么不逐个传递url消息)
我还尝试将react-redux和wrapper组件与withRouter(connect(...))hoc函数一起使用。似乎有很多问题。