Reactjs Emotion/Styled创建了大量唯一的类名

Reactjs Emotion/Styled创建了大量唯一的类名,reactjs,styled-components,emotion,Reactjs,Styled Components,Emotion,我正在用React创建一个浏览器游戏,背景由独立的瓷砖组件组成。 在我的例子中,它们往往有相同的风格 const BaseTile = styled.div` width: 40px; height: 40px; position: absolute; `; 但是,在每个磁贴上,背景图像可能不同,并且变换值总是不同的。因此,Emotion/Styled创建了大量的类名。我担心这可能会成为一个性能问题。如对我的用例有任何建议,将不胜感激

我正在用React创建一个浏览器游戏,背景由独立的瓷砖组件组成。 在我的例子中,它们往往有相同的风格

const BaseTile = styled.div`
  width: 40px;
  height: 40px;
  position: absolute;
`;
但是,在每个磁贴上,背景图像可能不同,并且变换值总是不同的。因此,Emotion/Styled创建了大量的类名。我担心这可能会成为一个性能问题。如对我的用例有任何建议,将不胜感激