动态href反应物料ui抽屉

Question

嗨，我想使用react material ui抽屉基于团队成员的名字编写动态href。这是代码的一部分：

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

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

Answer 1

尝试一个斜杠： href={`/${text}`}