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

Question

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

One.svelte看起来是这样的：

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

Two.svelte看起来如何：

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

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

我尝试过的：

Two.svelte

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

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

Answer 1

尝试：

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