index.js
import styled from 'styled-components'
import { Link } from 'react-router-dom'
function LinkContainer(props) {
const { children, classes, className } = props
return (
<Link {...props} className={`link ${classes || ''} ${className}`}>
{children}
</Link>
)
}
const StyledLink = styled(LinkContainer)`
text-decoration: none;
color: #dc3545;
`
export default (props) => <StyledLink {...props} />