如何在svelte中将参数传递给模态

Question

Hello I need your help because I use modal in my svelte app but I need to pass parameter to the modal component to choose what I wrote inside of it. But in the open() function of Modal we just need to give the component we imported so I don't know how to pass the parameter.

Here some code I have:

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

export let title;

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

But I would like something like this:

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

It looks like you're using the svelte-simple-modal component. In that case, you'll want to pass the props as an object to the second argument of the 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});
};

See the documentation for more information.