Laravel组件报错Undefined variable $action：路由无法传入组件变量的解决

核心原因 #

Laravel组件不会自动接收外部传递的变量，必须显式声明可接收的属性，否则传递的$action、$method无法被组件识别，从而抛出“Undefined variable”错误。同时你调用组件时的属性传递写法也存在错误。

解决步骤 #

1. 声明组件可接收的属性 #

根据组件类型（匿名组件/类组件），按以下方式声明属性：

匿名组件（仅Blade文件）

打开组件对应的Blade文件（比如resources/views/components/component.blade.php），在文件最顶部添加@props指令，声明需要接收的属性，可给属性设置默认值：

@props(['action', 'method' => 'POST'])

<form action="{{ $action }}" method="{{ $method }}">
    <!-- 表单内容 -->
</form>

类组件（带PHP类的组件）

打开组件类文件（比如app/View/Components/Component.php），在类中定义公共属性并通过构造函数接收参数：

namespace App\View\Components;

use Illuminate\View\Component;

class Component extends Component
{
    public $action;
    public $method;

    // 构造函数接收属性，method设置默认值可选
    public function __construct($action, $method = 'POST')
    {
        $this->action = $action;
        $this->method = $method;
    }

    public function render()
    {
        return view('components.component');
    }
}

2. 正确调用组件 #

传递属性时注意规则：

• 传递字符串字面量直接写：

<x-component action="#" method="POST">

• 传递PHP表达式（比如路由生成、变量）时，要在属性名前加冒号:：

<x-component :action="route('my-route')" method="POST">

之前的错误写法（action="route('my-route')"或action="{{route('my-route')}}"）会把表达式当成字符串字面量传递，且在组件未声明属性的情况下根本无法接收。

额外提醒 #

你控制器中的代码存在笔误：return view('pages.admin.dashboard', ['data' => $datab]);里的$datab应该是$data，不过这和组件的报错问题无关，修正即可避免后续视图数据异常。

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