[React] <a>태그 사용 시 오류

📌 a태그 오류

• href ='' 안에 아래 예시처럼 작성 시 노란색 밑줄과 동시에 오류가 발생한다

class Toc extends Component {
  render() {
    return (
      <nav>
        <ul>
          <li>
            <a href="#">HTML</a> 
          </li>
          <li>
            <a href="javascript:;">CSS</a>
          </li>
          <li>
            <a href="javascript:void(0)">JavaScript</a>
          </li>
        </ul>
      </nav>
    );
  }
}

📌 a태그 오류 발생 내용

• 해석 : href 속성을 사용하려면 올바른 값이 있어야 액세스할 수 있습니다.

The href attribute requires a valid value to be accessible. Provide a valid, navigable address as the href value. If you cannot provide a valid href, but still need the element to resemble a link, use a button and change it with appropriate styles. Learn more: https://github.com/jsx-eslint/eslint-plugin-jsx-a11y/blob/HEAD/docs/rules/anchor-is-valid.mdeslintjsx-a11y/anchor-is-valid

📌 a태그 오류 해결방법

<a href="#!">해결 방법 1</a>
  
<a href="{()=>false}">해결 방법 2</a>