Php 制作可重用组件Laravel Livewire

我想从下面的代码中创建一个可重用的livewire组件

searchfilm.blade.php

             @foreach ($inputs as $key => $value)
                    <div class="input-group-append">
                        <select class="custom-select" wire:model="selectServer.{{ $value }}">
                            <option value="" selected>Server Name</option>
                            @foreach ($servers as $idData => $nameData)
                                <option value="{{ $idData }}">{{ $nameData }}</option>
                            @endforeach
                        </select>
                    </div>
                    **<div class="input-group-append">
                        <select class="custom-select" wire:model="selectQuality.{{ $value }}">
                            <option value="" selected>Quality</option>
                            @foreach ($qualities as $idData => $nameData)
                                <option value="{{ $idData }}">{{ $nameData }}</option>
                            @endforeach
                        </select>
                    </div>**
                </div>
            @endforeach

@foreach ($inputs as $key => $value)
     @livewire('dropdown', ['title' => 'Server Name', 'data' => $servers, 'x' => $value])
     @livewire('dropdown', ['title' => 'Quality', 'data' => $qualities, 'x' => $value])
@endforeach

<div>
    <div class="input-group-append">
        <select class="custom-select" wire:model="selectData.{{ $x }}">
            <option value="" selected>{{ $title }}</option>
            @foreach ($data as $idData => $nameData)
                <option value="{{ $idData }}">{{ $nameData }}</option>
            @endforeach
        </select>
    </div>
</div>

dropdown.blade.php

             @foreach ($inputs as $key => $value)
                    <div class="input-group-append">
                        <select class="custom-select" wire:model="selectServer.{{ $value }}">
                            <option value="" selected>Server Name</option>
                            @foreach ($servers as $idData => $nameData)
                                <option value="{{ $idData }}">{{ $nameData }}</option>
                            @endforeach
                        </select>
                    </div>
                    **<div class="input-group-append">
                        <select class="custom-select" wire:model="selectQuality.{{ $value }}">
                            <option value="" selected>Quality</option>
                            @foreach ($qualities as $idData => $nameData)
                                <option value="{{ $idData }}">{{ $nameData }}</option>
                            @endforeach
                        </select>
                    </div>**
                </div>
            @endforeach

@foreach ($inputs as $key => $value)
     @livewire('dropdown', ['title' => 'Server Name', 'data' => $servers, 'x' => $value])
     @livewire('dropdown', ['title' => 'Quality', 'data' => $qualities, 'x' => $value])
@endforeach

<div>
    <div class="input-group-append">
        <select class="custom-select" wire:model="selectData.{{ $x }}">
            <option value="" selected>{{ $title }}</option>
            @foreach ($data as $idData => $nameData)
                <option value="{{ $idData }}">{{ $nameData }}</option>
            @endforeach
        </select>
    </div>
</div>

{{$title}}
@foreach（$idData=>$nameData）
{{$nameData}}
@endforeach

但没用，有什么建议吗