Hide form loose state

I have a livewire component who own many sub components. If I do something like that :

@if($step === 2)
    <div> 
        <livewire:sub-component />
    </div>
    @endif

@if($step === 2)
    <div> 
        <livewire:sub-component />
    </div>
    @endif

Every time I change step, I will get many error messages in console :

Uncaught ReferenceError: state is not defined

Uncaught ReferenceError: state is not defined

Any idea how to completely hide from page a form and reshow it without problem ?

Solution

You can't do that since the state wouldn't be there as livewire puts the states into the application on boot/mount. How big is the form? could you load it but hide it so livewire is aware but it's hidden?

Jump to solution

Solution

toeknee•11/29/23, 10:33 AM

ArnaudOP•11/29/23, 10:49 AM

Thank you for your feedback. I will try to simply hide it with css.

ArnaudOP•11/29/23, 10:53 AM

Works well, no more errors

Have a nice day