将类添加到 svelte 组件

Question

我创建了两个组件：

1.btn.svelte

<button class="btn" />

2.btnHold.svelte

<script>
    import Btn from './btn.svelte';
</script>

我正在尝试添加一个新btn--hold课程btn.svelte

<Btn class="{btn} btn--hold" />

我在 上收到错误class。

基本上我最终希望有：

<button class="btn btn--hold" />

如何向导入的组件添加类？

Answer 1

class是 protected 关键字，您可以通过更改名称来解决这个问题，如下所示：

<script>
    // ...
    let className = '';
    export { className as class };
</script>

<button class="btn {className}" ...

使用示例（btn类已在内部添加）：

<Btn class="btn--hold" ...