Undefined variable though variable is defined

class TestItem extends Component
{
    public $item;

    public function mount($item)
    {
        $this->item = $item;
    }

    public function render()
    {
        return view('livewire.test-item', ['item' => $this->item]);
    }
}

<!-- test-item.blade.php -->
<div>
    {{ $item }}
</div>

class TestComponent extends Component
{
    public function render()
    {
        return view('livewire.test-component');
    }
}

<!-- text-component.blade.php -->
@foreach($cart->cart_items as $item)
<livewire:test-item :item="$item" :key="$item->id" />
@endforeach

getting the error: undefined variable $item in the test-item.blade.php

tykus

1 year ago

Level 104

If $item is a public property on the Component class, then you should not also pass item as data to the view template:

class TestItem extends Component
{
    public $item;

    public function mount($item)
    {
        $this->item = $item;
    }

    public function render()
    {
        return view('livewire.test-item');
    }
}

croftCoder

1 year ago

Level 1

@tykus I tried this and it didn't work,...

tykus

1 year ago

Level 104

@croftCoder same error message, or different?

Please or to participate in this conversation.