Как использовать hover, не включенный в код реакции? - PullRequest
Новая
       31

Как использовать hover, не включенный в код реакции?

0 голосов
/ 23 апреля 2019

У меня следующая CSS-конфигурация 

.my-page {
      &-link {
        font-weight: normal;
        color: green;

        &:hover {
          text-decoration: underline;
          font-weight: 500;
          color: #006cbc;
        }
   }
}

Когда я включаю его в свой компонент реагирования, он как-то не включает hover.

Я включил "my-page-link"и "my = page-link-hover" как classNames, и оба не работают. 

  <SomeComponent
                      name="here."
                      variant="primary"
                      label="here."
                      className="my-page-link"
                      onClick={this.onEditPaymentMethodModalShow}

                    />

1 Ответ

1 голос
/ 23 апреля 2019

Я считаю, что ваш код SASS не работает.Вам не хватает закрывающей фигурной скобки.Попробуйте это: 

.my-page {
  &-link {
    font-weight: normal;
    color: green;

    &:hover {
      text-decoration: underline;
      font-weight: 500;
      color: #006cbc;
    }
  }
}

Также вы можете использовать игровую площадку SASS , чтобы убедиться, что вы получите то, что ожидаете.

Надеюсь, это поможет:)

...