Laravel 8设置组件Label props为可选时遇依赖解析错误求助

错误原因分析 #

报错Unresolvable dependency resolving [Parameter #2 <required> $type ]的核心原因是：组件类的构造函数参数未设置默认值，即使你在blade模板的@props里定义了默认值，Laravel的依赖容器仍会将构造函数中无默认值的参数视为必填项，调用时未传参就会触发依赖解析失败。

另外你的blade模板还存在小问题：label的for属性硬编码为name，需要和输入框的id保持一致（动态绑定$name）。

修改后的代码 #

1. 组件类文件 BaseFormInput.php #

给构造函数中的可选参数添加默认值，与blade模板的@props默认值对应：

class BaseFormInput extends Component
{
    public $name;
    public $placeholder;
    public $type;
    public $label;

    public function __construct($name, $placeholder = '', $type = 'text', $label = false)
    {
        $this->name = $name;
        $this->placeholder = $placeholder;
        $this->type = $type;
        $this->label = $label;
    }

    public function render()
    {
        return view('components.form.base-form-input');
    }
}

2. Blade模板文件 base-form-input.blade.php #

修正label的for属性，优化input的class合并逻辑：

@props([
    'type' => 'text',
    'placeholder' => '',
    'label' => false,
])

<div class="form-group">
    @if ($label)
        <label for="{{ $name }}" class="text-primary fw-bold">{{ $name }}</label>
    @endif
    <input 
        type="{{ $type }}" 
        id="{{ $name }}" 
        name="{{ $name }}" 
        placeholder="{{ $placeholder }}"
        aria-describedby="emailHelp"
        {{ $attributes->merge(['class' => 'form-control']) }}
    >
</div>

使用示例 #

现在你可以灵活调用组件，无需传递所有参数：

<!-- 不传label，默认不显示标签 -->
<x-form.base-form-input name="category" placeholder="Kategori" />

<!-- 传递label=true，显示标签 -->
<x-form.base-form-input :label="true" name="category" placeholder="Kategori" />

<!-- 自定义type类型 -->
<x-form.base-form-input type="email" :label="true" name="email" placeholder="Email" />

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