Projemde yaşadığım bugı aşağıda temiz bir ortamda test ettim.
Viewı tablo içeren, classında ise render metodundan başka bir şey olmayan bir komponent var ve bu komponent her tablo satırında başka bir komponenti ekrana basıyor.
<div>
<table>
<thead>
<tr>
<th>kolon1</th>
<th>kolon2</th>
</tr>
</thead>
<tbody>
@foreach([1,2,3] as $index => $element)
<tr wire:key="{{uniqid()}}"> // Garanti olsun diye her şeye key verdim :D
<livewire:row-comp :wire:key="$index"/>
</tr>
@endforeach
</tbody>
</table>
</div>
row-comp komponenti de aşağıdaki gibi
class RowComp extends Component
{
public $test= 5;
public function render()
{
return view('livewire.row-comp');
}
}
<div>
<td>kolon1</td>
<td>
<input wire:model="test" type="text"/>
{{$test}}
</td>
</div>
En üstteki tablo komponentini ekrana basınca inputlar boş bir şekilde listeleniyor. Herhangi birine değer girilince de şu şekilde hata veriyor
Property [$test] not found on component: [table-comp]
Ama RowComp komponentinin viewındaki td leri silersem veya ana komponentteki tüm tablo etiketlerini silersem hata düzeliyor.