react link no underline code example

Example 1: remove underline from link i react

<Link to="/" style={{textDecoration:"none"}} />

Example 2: remove underline from hyperlink react

You can add style={{ textDecoration: 'none' }}

Example 3: react link underline

<Link to="first" style={{ textDecoration: 'none' }}>
  <MenuItem style={{ paddingLeft: 13 }}>Team 1</MenuItem>
</Link>

Example 4: take out decoration from link react

import React, { Component } from 'react';
import { Link } from 'react-router-dom';
import styled from 'styled-components';


const StyledLink = styled(Link)`
    text-decoration: none;

    &:focus, &:hover, &:visited, &:link, &:active {
        text-decoration: none;
    }
`;

export default (props) => <StyledLink {...props} />;