javascript - How to get rid of underline for Link component of React Router? -

i have following:

how rid of blue underline? code below:

<link to="first"><menuitem style={{paddingleft: 13, textdecoration: 'none'}}> team 1 </menuitem></link> 

the menuitem component http://www.material-ui.com/#/components/menu

any insight or guidance appreciated. thank in advance.

i see you're using inline styles. textdecoration: 'none' used in child, in fact should used inside <link> such:

<link to="first" style={{ textdecoration: 'none' }}>   <menuitem style={{ paddingleft: 13 }}>team 1</menuitem> </link> 

<link> return standard <a> tag, why apply textdecoration rule there.

i hope helps