Svelte:在使用动态组件切换到子组件后，如何调用子组件中的函数？

import { createEventDispatcher } from 'svelte';

import ChildComponent from './ChildComponent.svelte';

let dynamicComponent = null;

const dispatch = createEventDispatcher();

function switchToChildComponent() {
  dynamicComponent = ChildComponent;
}

import { createEventDispatcher } from 'svelte';

const dispatch = createEventDispatcher();

function childFunction() {
  // 子组件中的函数逻辑
  console.log('子组件中的函数被调用');
  // 可以在这里执行其他操作
  // ...
  // 触发自定义事件，将控制权传递给父组件
  dispatch('customEvent');
}

{#if dynamicComponent}
  <svelte:component this={dynamicComponent} on:customEvent={childFunction} />
{/if}