Вставить атрибут id в стилизованные компоненты, созданные response-emotion

Question

Основное использование стилей простых HTML-элементов с react-emotion в качестве компонентов React выглядит следующим образом:

import React from 'react';
import styled from 'react-emotion';

const StyledContainer = styled.div`
  display: block;
  box-sizing: border-box;
`;

Данный код даст нам что-то вроде этого:

<div class="css-gf43fxd ferwf23sd"></div>

Можно ли в любом случае добавить атрибут id к этому сгенерированному элементу HTML?Заранее спасибо.

Answer 1

Просто добавьте атрибут id при использовании этого компонента.

import React from 'react';
import styled from 'react-emotion';

const StyledContainer = styled.div`
  display: block;
  box-sizing: border-box;
`;

// and when you want to use this component add id attribute

<StyledContainer id="some-id">...</StyledContainer>