@page запускается на всех страницах вместо одной при использовании css -модулей с реагировать - PullRequest
Новая
       30

@page запускается на всех страницах вместо одной при использовании css -модулей с реагировать

0 голосов
/ 14 апреля 2020

У меня есть этот код, который я хочу запустить только на одном конкретном компоненте реакции 


@media print {

  @page {
    size: 3.49in 1.41in;
    outline: 1pt dotted;
    margin: 0;
    padding: 0;
    page-break-after: always;
  }
}

Я использую css -модули и импортирую файл css только на один компонент, который отображается через маршрут. Но это css работает на каждой странице, есть ли способ, которым я могу это сделать, чтобы он работал только на компоненте, на котором я импортирую его?

1 Ответ

0 голосов
/ 16 апреля 2020

Добавление этого к компоненту реакции исправило его - (Это хакерское решение, но я не смог найти никакого другого решения, которое работает с электроном) 

<style dangerouslySetInnerHTML={{
          __html: `
                @media print {
                  @page {
                    size: 3.49in 1.41in;
                    margin: 0;
                    padding: 0;
                    page-break-after: always;
                  }
                }
              `
        }}/>
...