Question

今天我有以下问题：我有一个表单来设置组件的标题，背景颜色，按钮背景和文本颜色等，我想在用户更改时呈现该组件的预览设置。

问题是，我想渲染一个＆＃34;预览＆＃34;对于组件，假设在窗体旁边的一个小视口中（或者像缩小一样），因此用户可以在他（或她）改变组件样式时预览组件。文本的可读性并不重要，我唯一想做的就是在保存新设置后向用户说明组件的更改方式。

这样的形式，我希望在表单旁边呈现组件的预览（缩小）。

有什么想法吗？

感谢。

Answer 1

为什么不使用css转换比例？

大致喜欢这个

const Test = styled.div`
  ${props => props.preview && `
    transform: scale(0.5);
  `};
`;