[React] Link 컴포넌트 밑줄 제거하기

React에서 Link 컴포넌트를 사용하면 밑줄이 생깁니다.

 

 

function Start() {
    <Link to="/example/question">테스트 시작하기</Link>
}

 

 

Link 컴포넌트의 밑줄을 제거하고 싶으면 아래와 같은 CSS를 이용하면 됩니다.

function Start() {
    const style={ textDecoration: 'none', color: 'white' }
    return (
    	<Link style={style} to="/example/question">테스트 시작하기</Link>
    );
}

이렇게 Link 컴포넌트를 원하는대로 꾸밀 수 있습니다.

 

 

 

◡̈