如何在svelte中將參數傳遞給模態

Question

您好，我需要您的幫助，因為我在我的苗條應用程序中使用模態，但我需要將參數傳遞給模態組件以選擇我在其中編寫的內容。 但是在 Modal 的 open() function 中我們只需要給出我們導入的組件所以我不知道如何傳遞參數。

這里有一些代碼：

import { getContext } from 'svelte';
import ModalContent from './ModalContent.svelte';

export let title;

const { open } = getContext('simple-modal');
  
    const showModal = () => {
      open(ModalContent);
    };

但我想要這樣的東西：

import { getContext } from 'svelte';
import ModalContent from './ModalContent.svelte';

export let title;

const { open } = getContext('simple-modal');
  
    const showModal = () => {
      open(<ModalContent texte={title} />);
    };

Answer 1

看起來您正在使用svelte-simple-modal組件。 在這種情況下，您需要將道具作為 object 傳遞給open() function 的第二個參數。

import { getContext } from 'svelte';
import ModalContent from './ModalContent.svelte';

export let title;

const { open } = getContext('simple-modal');
  
const showModal = () => {
  open(ModalContent, {texte: title});
};

有關更多信息，請參閱文檔。