Answers for "how to text decoration none in react when router link"

3

react link underline

<Link to="first" style={{ textDecoration: 'none' }}>
  <MenuItem style={{ paddingLeft: 13 }}>Team 1</MenuItem>
</Link>
Posted by: Guest on February-16-2020
1

remove underline from hyperlink react

You can add style={{ textDecoration: 'none' }}
Posted by: Guest on January-11-2021
1

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} />;
Posted by: Guest on July-07-2020

Code answers related to "how to text decoration none in react when router link"

Code answers related to "Javascript"

Browse Popular Code Answers by Language