将元素放入Svelte组件中

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's components documentation。

Answer 2

这是将在文档中呈现组件的位置。通常，您会使用非常具体的位置，例如body或具有特定ID的div。

但是，在这种情况下，您实际上不是在渲染页面，而只是测试组件，因此div的位置无关紧要。

您可以在https://jestjs.io/

中找到有关使用Jest进行测试的更多信息。