Как получить текущий URL, на CSS контент, используя реагировать?

Question

Итак, я знаю, что вы можете сделать это, если вы работаете на PHP, но как насчет реакции?это возможно?

Мне нужно именно это, но с помощью реакции.

.class {
content: url(https://chart.googleapis.com/chart?cht=qr&chs=150x15&chl=http://<?=$_SERVER["SERVER_NAME"].$_SERVER["REQUEST_URI"];?>&choe=UTF-8);
}

Answer 1

Взгляните на эту статью: https://codeburst.io/4-four-ways-to-style-react-components-ac6f323da822. Подход номер четыре (Компоненты стиля) Может быть чем-то, что должно позволить вам создавать правила CSS в динамическом режиме.

const Div = styled.div`
  content: ${someVar}
 }
`;

const OutsetBox = () => (
  <Div>
    <p>Get started with styled-components ?</p>
  </Div>
);