Soy nuevo en Svelte y estoy un poco confundido acerca de la representación en Svelte. Así que tengo este código:

 <script> export let recipients: string[]; let recipientsContainer: HTMLDivElement; const shouldRenderRecipient = (recipient) => { return !recipientsContainer?.textContent; } </script> <div> <div bind:this={recipientsContainer}> {#each recipients as recipient} {shouldRenderRecipient(recipient) ? recipient : ''} {/each} </div> </div>

entonces, lo que esperaba que sucediera era que la vista se procesaría y luego los destinatarios se repetirían y para cada destinatario verificaría renderRecipient y, dependiendo de si ya había un destinatario procesado, arrojaría verdadero o falso. Pero lo que me confunde es que la función shouldRenderRecipient se ingresa antes de que tengamos una referencia DOM válida para el contenedor de recipientsContainer .

Pensé que tendríamos acceso al contenedor de recipientsContainer dentro de la función shouldRenderRecipient ya que la función shouldRenderRecipient solo se llama una vez que se representa la vista.