小编Nik*_*Nik的帖子

我遇到了一个问题：

我有一个 svelte 组件，它可以与许多道具一起使用：

<script>
    export let foo;
    export let bar;

</script>

而且，我想直接将一些属性传递给我的 HTML 元素。所以我的解决方案是：

<script>
    export let foo;
    export let bar;

    const {
        foo,
        bar,
        ...other
    } = $$props;
</script>

<button {...other}>
    Some action
</button>

这个有一个很大的问题：当我更改一些像“class”这样的道具时，组件不会更新。

<MyComponent {foo} {bar} class={condition ? 'one' : 'two'} />

有什么更好的方法来解决这个案子呢？我的意思是，我必须支持不同的道具，而不仅仅是“类”道具。我如何将其余的 props 传递给 HTML 元素