Question

我是React的新手，想在react路由器上添加cursor：pointer。我正在使用CSS模块，基本上一切正常，但是指针仍未悬停。这是我正在使用的代码：

 <Link className={styles.title} to="/">
              <h2>
                <i className="fa fa-sun-o "></i>
                {title}
              </h2>
            </Link>

The code in CSS file
    .title,
    .title:hover,
    .title:active,
    .title:visited,
    .title:focus {
      text-decoration: none;
      cursor: pointer;
      color: blue;
    }

Answer 1

className应该应用于Link的children或wrapper。 Link doesn't accept className prop

<Link to="/">
    <h2 className={styles.title}>
        <i className="fa fa-sun-o "></i>
        {title}
    </h2>
</Link>

cursor：指针不适用于React中的<Link>

1 个答案: