svelte - svelte コンポーネントに html 属性を自動的に渡す

Question

svelte コンポーネントがすべての通常の html 属性をコンポーネント内の最上位の要素に自動的に適用できるようにすることはできませんか?

Component.html

<div>
  <slot></slot>
</div>

アプリケーション.html

<div>
  <Component class="extend">
    Some text
  </Component>
</div>

コンポーネント内の div に .extend を追加しましたか?

Answer 1

<Widget {...$$props}/>
<input {...$$restProps}>

可能ですが、お勧めしません。ドキュメントから直接: https://svelte.dev/docs

$$propsexport で宣言されていないものを含め、コンポーネントに渡されるすべての props を参照します。Svelte では最適化が難しいため、一般的にはお勧めしません。ただし、まれなケースで役立つ場合があります。たとえば、コンパイル時にどの props がコンポーネントに渡されるかわからない場合などです。