5

我已经对此进行了一段时间的研究，并遵循了以下位置的文档：

github 上的这个问题让我看到了关于 Augmentation 的语义 ui-react 文档，

以及关于使用 sub-routes 设置路由配置的 react-router 文档。

我的路由配置似乎可行，但不清楚具体在哪里实现组件增强。

我已经尝试过<Card.Group items={items} as={Link} to={items.map((item,i)=>(item.href))} />，也尝试过将其放入as={Link}道具本身，并且遇到了一堆错误并最终导致了可怕的递归失败Maximum call stack size exceeded!

现在，我只是用 react-router 硬编码组件的路径。一种功能性的方法会更优雅，反应更强烈，这就是我所追求的！

4

1 回答 1

11

您试图将增强应用于Card.Group，而实际上您希望将其应用于Card。

所以子组件 API 的正确用法是：

<Card.Group>
  <Card as={Link} to='/foo' />
  <Card as={Link} to='/bar' />
</Card.Group>

速记 API 的正确用法是：

const items = [
  { as: Link, content: 'Foo', to: '/foo' }, 
  { as: Link, content: 'Bar', to: '/bar' },
]

<Card.Group items={items} />
于 2017-08-02T10:00:48.793 回答