动态 href 反应 material ui 抽屉
dynamic href react material ui drawer
您好，我想使用 React material ui 抽屉根据团队成员姓名编写动态 href。这是部分代码：
const sideList = (
<List>
{['MemberA', 'MemberB', 'MemberC'].map((text, index) => (
<a href={text}>
<ListItem button>{text}</ListItem>
</a>
))}
</List>
);
当我在主页上时，它起作用了：单击 MemberA（在抽屉列表上），我被重定向到主页。com/MemberA。
但是，当我在 MemberA 页面上单击 MemberB（在抽屉列表中）时，我被重定向到主页。com/MemberA/MemberB，它不存在。
我该如何解决这个问题？
尝试使用前导斜杠：
href={`/${text}`}
您好，我想使用 React material ui 抽屉根据团队成员姓名编写动态 href。这是部分代码：
const sideList = (
<List>
{['MemberA', 'MemberB', 'MemberC'].map((text, index) => (
<a href={text}>
<ListItem button>{text}</ListItem>
</a>
))}
</List>
);
当我在主页上时，它起作用了：单击 MemberA（在抽屉列表上），我被重定向到主页。com/MemberA。 但是，当我在 MemberA 页面上单击 MemberB（在抽屉列表中）时，我被重定向到主页。com/MemberA/MemberB，它不存在。 我该如何解决这个问题？
尝试使用前导斜杠：
href={`/${text}`}