如何从 Svelte 中已有样式的组件中传递类？答案

【问题标题】：How to pass classes from components with already existing styles in Svelte?如何从 Svelte 中已有样式的组件中传递类？
【发布时间】：2021-01-10 21:28:47
【问题描述】：

我有两个组件，分别称为 One.svelte 和 Two.svelte

这就是One.svelte 的样子：

<Two class="mt-8 border"/> //example tailwind classes

Two.svelte 的样子：

<main class="mt-6 bg-red-500">...</main>

我希望Two.svelte 的main 元素使用从One.svelte 传递的类，而不像mt-6 bg-red-500 等删除Two.svelte 上的现有类。

我尝试了什么：

Two.svelte

<main class="mt-6 bg-red-500 {{$$props.class}}">...</main>

这似乎不起作用，解决此问题的正确方法是什么？

【问题讨论】：

标签： svelte

【解决方案1】：

试试：

<main class={`mt-6 bg-red-500 ${$$props.class}`}>

https://svelte.dev/repl/bb87bc86cc5c4fe0b7ba6472533af667?version=3.31.2

【讨论】：

完美，谢谢！这很有意义。