Breaking News: Grepper is joining You.com. Read the official announcement!

css target <Link/> from react

Pepitu Vadecurt answered on May 4, 2022 Popularity 6/10 Helpfulness 1/10

answer css target <Link/> from react

css target <Link/> from react

Comment

The proper React way would be to wrap the React Router Link with your own component that applies styles.
------
import { Link as RouterLink } from 'react-router-dom';

function Link(props) {
    return <RouterLink className="myClassname" {...props} />;
}

export default Link;
---------
Then you can use your Link component just as you would the native Link component and the class name will be applied automatically.

For a quicker, dirtier approach, the React Router Link object is simply an <a> tag under the hood. In a global stylesheet, you can simply target a to apply styles.

Popularity 6/10 Helpfulness 1/10 Language css

Source: stackoverflow.com

Tags: css target

Link to this answer
Share Copy Link