相关疑难解决方法(0)

当单击父组件中的图标/按钮时，我基本上需要能够在一个或多个组件（通过 svelte:component 动态添加）中触发某些内容。例如，我需要勾住下面用**表示的部分：-

<script>
 let charts = [
    ChartA,
    ChartB,
    ChartC
  ];
</script>
{#each charts as chart, i}
    <div class="wrapper">
        <div class="icon" on:click={**HowToPassClickEventToComponent**}></div>
        <div class="content">
        <svelte:component this={charts[i]} {**clickedEvent**}/>
        </div>
    </div>
{/each}

我能够通过取消一个 props 数组来获得一些工作，但是当数组更改时每个组件都会收到通知，所以这不是很干净。

我已经搜索了 Google 和 StackOverflow 并在 Svelte Discord 频道中询问了这个问题，但目前没有运气。

显示问题的 Svelte Repl

这似乎是一个如此简单的要求，但几天后我仍然卡住了，因此非常感谢有关如何将事件传递到动态组件的任何建议。