Search code examples
reactjshrefmaterial-ui

dynamic href react material ui drawer

Hi I want to code a dynamic href basing on team member names using react material ui drawer. This is a part of the code:

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

When I'm on the home page, it works: clicking on MemberA (on Drawer list), I'm redirected to homepage.com/MemberA. But when I'm on MemberA page and I click on MemberB (on Drawer list), I'm redirected to homepage.com/MemberA/MemberB, that doesn't exist. How can I solve this problem?

Solution

  • try a leading slash: href={`/${text}`}