如何优化这段含可选$post参数的Livewire标签选择组件代码？

这是一个支持创建/编辑文章的Livewire组件：编辑文章时传入$post对象，创建新文章时该参数不存在。当前视图通过多层嵌套判断避免$post为null时调用$post->tags()报错，功能正常但代码冗余，以下是几种优化方案：

方案一：使用optional()辅助函数简化视图判断 #

利用Laravel的optional()函数处理null值，直接获取标签集合（为空则返回空集合），省去嵌套的@isset和@if判断：

<div>
    <select name="tags[]" id="tags" multiple
        class="select2 mt-1 w-full block rounded-md bg-gray-100 border-transparent hover:border-gray-500 hover:bg-white hover:ring-0">
        @if (old('tags'))
            @foreach (old('tags') as $oldtag)
                <option value="{{ $oldtag }}" selected>{{ $oldtag }}</option>
            @endforeach
        @else
            @foreach (optional($post)->tags ?? collect() as $singleTag)
                <option value="{{ $singleTag->text }}" selected>{{ $singleTag->text }}</option>
            @endforeach
        @endif
    </select>
    @error('tags')
        <small class="text-red-600">{{ $message }}</small>
    @enderror
</div>

同时把原有的错误判断替换为Blade的@error指令，代码更简洁。

方案二：组件类预处理数据，视图只负责渲染 #

遵循Livewire的组件设计思路，将数据逻辑放在组件类中，视图层仅做渲染：

组件类代码 #

use Livewire\Component;
use App\Models\Post;

class PostForm extends Component
{
    public ?Post $post = null;
    public $selectedTags = [];

    public function mount(?Post $post = null)
    {
        $this->post = $post;
        // 优先取表单回退数据old('tags')，无则从post模型中提取标签文本
        $this->selectedTags = old('tags', $post?->tags->pluck('text')->toArray() ?? []);
    }

    public function render()
    {
        return view('livewire.post-form');
    }
}

视图代码 #

<div>
    <select name="tags[]" id="tags" multiple
        class="select2 mt-1 w-full block rounded-md bg-gray-100 border-transparent hover:border-gray-500 hover:bg-white hover:ring-0">
        @foreach ($selectedTags as $tag)
            <option value="{{ $tag }}" selected>{{ $tag }}</option>
        @endforeach
    </select>
    @error('tags')
        <small class="text-red-600">{{ $message }}</small>
    @enderror
</div>

这种方式让视图完全脱离业务逻辑，后期维护更方便。

方案三：使用Blade的@forelse指令优化空集合判断 #

如果需要明确处理空标签的场景，用@forelse替代多层判断，结构更清晰：

<div>
    <select name="tags[]" id="tags" multiple
        class="select2 mt-1 w-full block rounded-md bg-gray-100 border-transparent hover:border-gray-500 hover:bg-white hover:ring-0">
        @if (old('tags'))
            @foreach (old('tags') as $oldtag)
                <option value="{{ $oldtag }}" selected>{{ $oldtag }}</option>
            @endforeach
        @else
            @forelse(optional($post)->tags ?? [] as $singleTag)
                <option value="{{ $singleTag->text }}" selected>{{ $singleTag->text }}</option>
            @empty
                {{-- 空标签状态无需额外处理，select默认无选中项 --}}
            @endforelse
        @endif
    </select>
    @error('tags')
        <small class="text-red-600">{{ $message }}</small>
    @enderror
</div>

内容的提问来源于stack exchange，提问作者user13698713