小编Leo*_*one的帖子

我试图让我的头脑围绕苗条的 3 反应性事情......

1. 我想在单击按钮时强制刷新 UI。我正在使用一个自定义组件AsyncFetcher，它接受 HTTP 发布数据，并data为其插槽返回对象（http 发布结果）。

2. 我想要一个禁用功能。因此，当单击“禁用”按钮时，会调用 http api，然后刷新数据视图。

<script>
    export let id

    function onDisable() {
        fetch('disable-api-url', {id: id})
        // Then ??
        // What to do after the fetch call, to refresh the view
    }
</script>

<AsyncFetcher postParam={id} let:data>
    {data.name}

    <button on:click={??}>Refresh</button>
    <button on:click={onDisable}>Disable Item</button>
</AsyncFetcher>

我试图on:click={() => id=id}欺骗它刷新无济于事。Ifid本来是一个对象而不是字符串id={...id}会起作用，不幸的是，这里不是这种情况。

实现这一目标的正确方法是什么？

无论如何我可以使用材料-ui(基于reactjs)使用面包屑？甚至实施一个？

我有一个动态添加的单选按钮RadioGroup。我必须根据一些数据在代码中检查其中一个。

现在，问题是在显示单选按钮并且用户检查同一组中的另一个单选按钮后，仍会检查先前选择的单选按钮......导致两个选中的RadioButtons.

这就是我在 Kotlin 中渲染按钮的方式：

val rg = RadioGroup(this).apply { orientation = RadioGroup.HORIZONTAL }
choices.values.forEach { c ->
    rg.addView(RadioButton(this).apply {
        tag = someTag
        text = c
        isChecked = answer.equals(c) // condition
    })
}

奇怪的是，如果RadioButton以编程方式检查no ，则一切正常。

我正在使用 rollup 来使用 format 捆绑一个简单的 javascript 应用程序iife。但我想将捆绑的 javascript 内容嵌入到 HTML 文件中，但找不到合适的插件来做到这一点。

我不是在寻找嵌入指向捆绑包 javascript 文件的脚本标签的方法...而是在寻找将捆绑包内容嵌入到 html 文件中的方法。

不寻找：（可以使用插件）

<script src="bundle.js"></script>

寻找：

<script>
    // actual bundle content (JavaScript code) here
</script>

我想包装自定义组件的所有插槽。但是我无法遍历插槽。我的自定义组件用法如下：

<Tab>
    <span slot="header">Tab Header 1</span>
    <span slot="header">Tab Header 2</span>
    <span slot="header">Tab Header 3</span>

    ... maybe other slots that are not "header"
</Tab>

然后里面Tab.svelte：

{#each ?? as slot}
    <a class="tab-item">
        <each-slot />
    </a>
{/each}

在上面，我试图遍历名为“ header”的子项/插槽，并用锚标记将它们包裹起来。我怎样才能做到这一点？

编辑：我不想像这样传递javascript对象：

{#each ?? as slot}
    <a class="tab-item">
        <each-slot />
    </a>
{/each}