渲染反应组件预览
Render react component preview
今天我遇到了以下问题：我有一个表单可以设置组件的标题、背景颜色、按钮背景和文本颜色等，我想在用户查看时呈现该组件的预览更改设置。
问题是，我想渲染一个 "preview" 的组件，假设在表单旁边的一个小视口（或像 zoom-out）中，这样用户就可以预览当他（或她）正在更改组件的样式时。
文本的可读性并不重要，我唯一想做的就是让用户了解一旦保存新设置，组件将如何变化。
表单就是这样，我想在表单旁边呈现组件 (zoomed-out) 的预览。
有什么想法吗？
谢谢。
为什么不使用 css 变换比例？
大致是这样
const Test = styled.div`
${props => props.preview && `
transform: scale(0.5);
`};
`;
今天我遇到了以下问题：我有一个表单可以设置组件的标题、背景颜色、按钮背景和文本颜色等，我想在用户查看时呈现该组件的预览更改设置。
问题是，我想渲染一个 "preview" 的组件，假设在表单旁边的一个小视口（或像 zoom-out）中，这样用户就可以预览当他（或她）正在更改组件的样式时。 文本的可读性并不重要，我唯一想做的就是让用户了解一旦保存新设置，组件将如何变化。
表单就是这样，我想在表单旁边呈现组件 (zoomed-out) 的预览。
有什么想法吗？
谢谢。
为什么不使用 css 变换比例？
大致是这样
const Test = styled.div`
${props => props.preview && `
transform: scale(0.5);
`};
`;