將元素放在Svelte Component中

Question

將元素放在Svelte Component中意味着什么？ 例如。 這段代碼：

    const target = document.createElement('div');
    //  render the component in the new element
    const sample = new Sample({ target });

就像在這里，在給定的鏈接代碼中，作者正在這樣做： https ： //github.com/rspieker/jest-transform-svelte/blob/master/example/test/Sample.spec.js#L8

這是做什么的？ 它是否將Svelte組件放入div中？ 將元素放在Svelte組件的構造函數中是否是一種Svelte語法？

Answer 1

是的，該片段正在初始化名為Sample的Svelte組件並在target div中呈現它。 Svelte組件構造函數的options參數的target屬性是唯一必需的屬性。

有關更多信息，請查看Svelte的組件文檔 。

Answer 2

它是文檔中呈現組件的位置。 通常情況下，您會使用非常具體的位置，如body或具有特定ID的div。

但是，在這種情況下，您實際上並不是在渲染頁面而只是測試組件，因此div位置無關緊要。

你可以在這里找到更多關於測試的信息https://jestjs.io/