Skip to content

Component binding to object property triggers parent's reactive statements at init #4447

Closed
@pushkine

Description

@pushkine

Primitive to component and object property to element binding work as expected :

<script>
    ...
    const arr = ['value']
    let primitive = 'value'

    $: primitive    // triggers once at init
    $: arr          // triggers once at init

</script>

<Component bind:value={primitive}/>
<input bind:value={arr[0]}/>

Object property to component binding triggers reactive statements every time the Component is initialized :

<script>
    ...
    const arr = ['value']

    $: arr          // triggers once at init AND at every <Component> init
</script>

<Component bind:value={arr[0]}/>

https://svelte.dev/repl/71f8e6203a1a4e578b19af0eb623b407?version=3.18.2

related : #4430 #4265

Metadata

Metadata

Assignees

No one assigned

    Labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions