Question

我正在尝试将“蚂蚁设计列表”与“链接到列表项”内另一页的链接一起使用：

<List
            itemLayout="horizontal"
            dataSource={users}
            // renderItem={users.map(user => (
            renderItem={item => (
              <List.Item key={item.uid}>
                <List.Item.Meta
                  title={item.name}
                  description={item.organisation}
                />
                  {item.email}
                  {<Link
                    to={{
                      pathname: `${ROUTES.USEROVERVIEW}/${item.uid}`,
                      state: { item },
                    }}
                    style={{ float:"right"}}
                  >
                    More
                  </Link>
                  }
              </List.Item>
            // )
          )}
          />

如果我在不使用Ant Design的css模式中使用上述链接路径，则上述链接路径将正常工作。

我已经定义了一条这样的路线：

export const USEROVERVIEW = '/userDetails/:id';

当我尝试遵循List.Item中的链接时，它会在userDetails和firebase创建的uid之间插入一个额外的 /：id 。

如果我导航到指定的路径名（即userDetails / 1），则可以渲染页面，但是当前，单击List.Item中的Link。Item将我发送到userDetails /：id / 1。

如何使“蚂蚁设计列表”项遵循我在“链接”中指定的路径名？

如何使用Ant设计列表中的react Link集中的路由？

0 个答案: