动态 HREF 反应材料 UI 抽屉

Question

嗨，我想使用反应材料 ui 抽屉根据团队成员名称编写一个动态 href。这是代码的一部分：

const sideList = (
<List>
{['MemberA', 'MemberB', 'MemberC'].map((text, index) => (
<a href={text}>
<ListItem button>{text}</ListItem>
</a>
))}
</List>
);

当我在主页上时，它可以工作：单击MemberA（在抽屉列表上），我被重定向到 homepage.com/MemberA。但是当我在会员A页面上并单击会员B（在抽屉列表中）时，我被重定向到 homepage.com/MemberA/MemberB，这不存在。如何解决这个问题？

Answer 1

尝试使用前导斜杠： href={`/${text}`}